*,*:before,*:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,img,b,u,i,center,table,tr,th,td,video{margin:0;padding:0;border:0}sup{line-height:0;font-size:smaller;vertical-align:super}sub{line-height:0;font-size:smaller;vertical-align:sub}.t-clear{clear:both}.t-row{margin:0}.t-container{margin-left:auto;margin-right:auto;width:100%;max-width:1200px;padding:0}.t-container.flexx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.t-container_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.t-container_100{width:100%;padding:0}.t-container_10{margin-left:auto;margin-right:auto;width:100%;max-width:1000px;padding:0}.t-container_8{margin-left:auto;margin-right:auto;width:100%;max-width:800px;padding:0}.t-container:before,.t-container:after,.t-container_10:before,.t-container_10:after,.t-container_8:before,.t-container_8:after,.t-container_100:before,.t-container_100:after{display:table;content:" ";width:0}.t-container:after,.t-container_10:after,.t-container_8:after,.t-container_100:after{clear:both}.t-col{display:inline;float:left;margin-left:20px;margin-right:20px;width:100%}.t-col.flexx{align-items:stretch;height:inherit;margin-top:auto;margin-bottom:auto}.t-col_flex{align-items:stretch;height:inherit;margin-top:auto;margin-bottom:auto}.t-col_1{max-width:60px}.t-col_2{max-width:160px}.t-col_3{max-width:260px}.t-col_4{max-width:360px}.t-col_5{max-width:460px}.t-col_6{max-width:560px}.t-col_7{max-width:660px}.t-col_8{max-width:760px}.t-col_9{max-width:860px}.t-col_10{max-width:960px}.t-col_11{max-width:1060px}.t-col_12{max-width:1160px}.t-col_100{max-width:100vw}.t-prefix_1{padding-left:100px}.t-prefix_2{padding-left:200px}.t-prefix_3{padding-left:300px}.t-prefix_4{padding-left:400px}.t-prefix_5{padding-left:500px}.t-prefix_6{padding-left:600px}.t-prefix_7{padding-left:700px}.t-prefix_8{padding-left:800px}.t-prefix_9{padding-left:900px}.t-prefix_10{padding-left:1000px}.t-prefix_11{padding-left:1100px}.t-prefix_12{padding-left:1200px}.t-width{width:100%}.t-width_1{max-width:60px}.t-width_2{max-width:160px}.t-width_3{max-width:260px}.t-width_4{max-width:360px}.t-width_5{max-width:460px}.t-width_6{max-width:560px}.t-width_7{max-width:660px}.t-width_8{max-width:760px}.t-width_9{max-width:860px}.t-width_10{max-width:960px}.t-width_11{max-width:1060px}.t-width_12{max-width:1160px}.t-width_100{max-width:100%}.t-cell{display:table-cell;vertical-align:middle;height:100%;margin-left:0;margin-right:0}.t-cell_25{width:25vw}.t-cell_33{width:33.3333333vw}.t-cell_50{width:50vw}.t-cell_100{width:100vw}@media screen and (max-width:1200px){.t-container{max-width:960px;padding:0}.t-container_10{max-width:780px}.t-container_8{max-width:640px}.t-col{display:inline;float:left;margin-left:10px;margin-right:10px;width:100%}.t-col_1{max-width:60px}.t-col_2{max-width:140px}.t-col_3{max-width:220px}.t-col_4{max-width:300px}.t-col_5{max-width:380px}.t-col_6{max-width:460px}.t-col_7{max-width:540px}.t-col_8{max-width:620px}.t-col_9{max-width:700px}.t-col_10{max-width:780px}.t-col_11{max-width:860px}.t-col_12{max-width:940px}.t-prefix_1{padding-left:80px}.t-prefix_2{padding-left:160px}.t-prefix_3{padding-left:240px}.t-prefix_4{padding-left:320px}.t-prefix_5{padding-left:400px}.t-prefix_6{padding-left:480px}.t-prefix_7{padding-left:560px}.t-prefix_8{padding-left:640px}.t-prefix_9{padding-left:720px}.t-prefix_10{padding-left:800px}.t-prefix_11{padding-left:880px}.t-prefix_12{padding-left:960px}.t-width_1{max-width:60px}.t-width_2{max-width:140px}.t-width_3{max-width:220px}.t-width_4{max-width:300px}.t-width_5{max-width:380px}.t-width_6{max-width:460px}.t-width_7{max-width:540px}.t-width_8{max-width:620px}.t-width_9{max-width:700px}.t-width_10{max-width:780px}.t-width_11{max-width:860px}.t-width_12{max-width:940px}.t-width_100{max-width:100%}}@media screen and (max-width:960px){.t-container{max-width:640px}.t-container.flexx{display:block}.t-container_flex{display:block}.t-col{display:block;float:none;padding-left:20px;padding-right:20px;margin:0;width:100%;max-width:100%;box-sizing:border-box}.t-col_1,.t-col_2,.t-col_3,.t-col_4,.t-col_5,.t-col_6,.t-col_7,.t-col_8,.t-col_9,.t-col_10,.t-col_11,.t-col_12{width:100%;max-width:100%}.t-prefix_1,.t-prefix_2,.t-prefix_3,.t-prefix_4,.t-prefix_5,.t-prefix_6,.t-prefix_7,.t-prefix_8,.t-prefix_9,.t-prefix_10,.t-prefix_11,.t-prefix_12{padding-left:none}}
.csssize{height:3235px}.t-body{margin:0}#allrecords{-webkit-font-smoothing:antialiased;background-color:none}#allrecords a{color:#ff8562;text-decoration:none}#allrecords a,#allrecords button,#allrecords .t-radio,#allrecords .t-checkbox,#allrecords .t-img-select{outline:none}#allrecords a:focus-visible,#allrecords button:focus-visible,#allrecords .t-focusable,#allrecords .t-focusable .t-btn,#allrecords .t-focusable .t-btntext,#allrecords .t-img-select:focus-visible+.t-img-select__indicator,#allrecords .t-img-select:focus-visible+.t-img-select__indicator:after,#allrecords .t-radio:focus-visible+.t-radio__indicator,#allrecords .t-checkbox:focus-visible+.t-checkbox__indicator{outline-color:#2015FF;outline-offset:4px;outline-style:auto}#allrecords .t-descr a:focus-visible,#allrecords .t-sociallinks a:focus-visible,#allrecords .ya-share2__link:focus-visible{outline-offset:2px}#allrecords a[href^=tel]{color:inherit;text-decoration:none}#allrecords ol{padding-left:22px}#allrecords ul{padding-left:20px}#allrecords b,#allrecords strong{font-weight:700}@media print{body,html{min-width:1200px;max-width:1200px;padding:0;margin:0 auto;border:none}}.t-records{-webkit-font_smoothing:antialiased;background-color:none}.t-records a{color:#ff8562;text-decoration:none}.t-records a[href^=tel]{color:inherit;text-decoration:none}.t-records ol{padding-left:22px;margin-top:0;margin-bottom:10px}.t-records ul{padding-left:20px;margin-top:0;margin-bottom:10px}.t-mbfix{opacity:.01;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:fixed;width:100%;height:500px;background-color:white;top:0;left:0;z-index:10000;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.t-mbfix_hide{-webkit-transform:translateX(3000px);-ms-transform:translateX(3000px);transform:translateX(3000px)}img:not([src]){visibility:hidden}.t-body_scroll-locked{position:fixed;left:0;width:100%;height:100%;overflow:hidden}.r_anim{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.r_hidden{opacity:0}.r_showed{opacity:1}@media screen and (max-width:1024px){a:active,button:active{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}.t-align_left{text-align:left}.t-rec_pt_0{padding-top:0}.t-rec_pt_90{padding-top:90px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_195{padding-bottom:195px}@media screen and (max-width:640px){}@media screen and (max-width:480px){.t-rec_pt_0{padding-top:0}.t-rec_pt_90{padding-top:90px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_195{padding-bottom:120px!important}}.t396{-webkit-text-size-adjust:100%}.t396__iframe{z-index:10000;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;border:0}html body.t396__body_overflow_hidden{overflow:hidden!important}.t396__display_none{display:none}.t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden}.t396__artboard .t396__artboard_scale{overflow:visible}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom{word-break:normal;-moz-osx-font-smoothing:grayscale}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter{transform-origin:top left}.tn-atom__scale-wrapper{width:inherit;height:inherit}.t396__elem .tn-atom__scale-wrapper .tn-atom{width:inherit;height:inherit!important;box-sizing:border-box}.t396__artboard.rendering .tn-elem{visibility:hidden}.t396__artboard.rendered .tn-elem{visibility:visible}.t396__carrier{position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;transform:unset}.t396__filter{position:absolute;left:0;top:0;z-index:1;width:100%;height:100vh;transform:translateZ(0)}.t396__elem{position:absolute;box-sizing:border-box;display:table}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}@media screen and (max-width:959px){.t396_safari .t396__artboard_scale .tn-atom{-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto}}.t396 .tn-atom ul,.t396 .tn-atom ol{margin-bottom:0}.t396_safari .tn-atom:not(.tn-atom__form){transform:translateZ(0)}.t396 a.tn-atom{text-decoration:none}.t396 .tn-atom__img{width:100%;display:block}.t396 .tn-atom__html{vertical-align:top}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid}.t396 .tn-atom__pin_onclick{cursor:pointer}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px}.t396 .tn-atom__tip[data-tip-pos=top]{bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=bottom]{top:100%;margin-top:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=left]{right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}.t396 .tn-atom__tip[data-tip-pos=right]{left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000!important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px}.t396__artboard.t396__artboard-fixed-active{transform:none!important;opacity:1!important}.t396__artboard-fixed-no-bg,.t396__artboard-fixed-innactive,.t396__artboard-fixed-innactive .t396__elem,.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem{pointer-events:none}.t396__artboard-fixed-no-bg .t396__elem{pointer-events:auto}.t396__elem-flex{position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}.t396__artboard-flex>.t396__elem,.t396__artboard-flex>.t396__group{position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}.record[off=y] .t450{display:none}.t450__static.t450__overlay{position:relative!important;height:100vh;z-index:1!important}.t450__static.t450{position:absolute!important;height:100vh;z-index:1!important}.t450__body_menushowed{height:100vh;min-height:100vh;overflow:hidden}.t450 a,#allrecords .t450 a{text-decoration:none;color:#000000}.t450{position:fixed;top:0;right:0;bottom:0;max-width:300px;width:100%;z-index:9999;overflow:hidden;-webkit-transition:transform ease-in-out 0.3s;-moz-transition:transform ease-in-out 0.3s;-o-transition:transform ease-in-out 0.3s;transition:transform ease-in-out 0.3s;-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0);background-color:#111}.t450.t450__overflowed{overflow-y:scroll}.t450__close{width:40px;height:40px;background-color:#111;position:absolute;top:5px;right:5px;cursor:pointer;z-index:999999}.t450__static.t450__close{position:absolute;z-index:1}.t450__left{left:0;right:auto;-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}.t450__menu_show.t450{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);z-index:999999}.t450__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;-webkit-transition:opacity ease-in-out 0.3s;-moz-transition:opacity ease-in-out 0.3s;-o-transition:opacity ease-in-out 0.3s;transition:opacity ease-in-out 0.3s}.t450__menu_show.t450__overlay{display:block;z-index:99999;opacity:1}.t450__overlay_bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.6}.t450__container{box-sizing:border-box;padding:48px 40px 38px;position:relative;height:auto;min-height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.t450__rightside{position:relative;margin-top:auto}.t450__logowrapper{margin-bottom:25px}.t450__logowrapper a{display:block}.t450__logo{color:#fff}.t450__logoimg{display:block;width:100%;max-width:120px}.t-align_center .t450__logoimg{margin:0 auto}.t-align_right .t450__logoimg{margin-left:auto}.t450__list{list-style-type:none;margin:0;padding:0!important}.t450__list_item{clear:both;font-family:'Outfit',Arial,sans-serif;font-size:16px;display:block;margin:0;color:#000000}.t450__list_item a{margin-bottom:15px;display:inline-block}.t450__list_item a.t-menusub__link-item{margin-bottom:0}.t450__list_item:last-child a:not(.t978__menu-link){margin-bottom:0!important;display:inline-block}.t450__list_item .t-active{opacity:.7}.t450 .t-sociallinks a,.t450__right_social_links{margin-top:24px}#allrecords .t450 ul.t-sociallinks__wrapper{margin-bottom:0;padding-left:0;list-style:none}.t450 .t-sociallinks__item,.t450__right_social_links_item{display:inline-block;vertical-align:top;margin-right:4px;margin-top:2px}.t450 .t-sociallinks__item:last-child,.t450__right_social_links_item:last-child{margin-right:0}.t450__right_descr{font-family:'Outfit',Arial,sans-serif;font-size:13px;color:#fff;margin-top:25px}.t450__right_share_buttons{margin-top:25px}.t450__right_buttons{margin-top:15px}.t450__right_buttons_but{display:inline-block;margin-top:10px}.t450__container.t-align_left .t450__right_buttons_but_two_left{margin-right:5px}.t450__container.t-align_right .t450__right_buttons_but_two_left{margin-right:0}.t450__container.t-align_left .t450__right_buttons_but_two_right{margin-left:0}.t450__container.t-align_right .t450__right_buttons_but_two_right{margin-left:5px}.t450__container.t-align_center .t450__right_buttons_but_two_left{margin-right:2.5px}.t450__container.t-align_center .t450__right_buttons_but_two_right{margin-left:2.5px}.t450__right_buttons_but .t-btn{padding-left:40px;padding-right:40px}.t450__right_buttons_but .t-btn_sm{padding-left:24px;padding-right:24px}.t450__right_langs{margin-top:25px}.t450__right_langs_lang{display:inline-block;margin-right:2px}.t450__close_icon{width:24px;height:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);z-index:999;margin-top:11px;margin-left:8px}.t450__close-button{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;border:none}.t450__close-button .t450__close_icon{margin:0}.t450__close_icon span{display:block;position:absolute;width:100%;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);height:2px;background-color:#fff}.t450__close_icon span:nth-child(1){top:0}.t450__close_icon span:nth-child(2),.t450__close_icon span:nth-child(3){top:8px}.t450__close_icon span:nth-child(4){top:16px}.t450_opened .t450__close_icon span:nth-child(1){top:8px;width:0%;left:50%}.t450_opened .t450__close_icon span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.t450_opened .t450__close_icon span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.t450_opened .t450__close_icon span:nth-child(4){top:8px;width:0%;left:50%}@media screen and (max-width:980px){.t450__container .t-menusub__menu{margin-bottom:10px}.t450__container .t-menusub__content:not(.t978__submenu-content){padding-top:0;padding-bottom:10px;padding-left:0;padding-right:0}.t450__container.t-align_center .t-menusub__content{text-align:center}.t450__container.t-align_left .t-menusub__content{text-align:left}.t450__container.t-align_right .t-menusub__content{text-align:right}.t450__list_item a.t-menusub__link-item{margin-bottom:0}.t450__list_item:last-child a+.t-menusub .t-menusub__content{margin-top:15px}}@media screen and (max-width:640px){.t450__container{padding:42px 25px 25px}}@media screen and (max-width:560px){.t-body_scrollable-fix-for-android.t450__body_menushowed{overflow:hidden!important}}.t450__menu__content{position:fixed;right:15px;z-index:99998;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;width:auto;-webkit-transition:opacity ease-in-out .2s;-moz-transition:opacity ease-in-out .2s;-o-transition:opacity ease-in-out .2s;transition:opacity ease-in-out .2s}.t450__burger_container{position:relative;width:58px;height:58px;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity ease-in-out .2s;-moz-transition:opacity ease-in-out .2s;-o-transition:opacity ease-in-out .2s;transition:opacity ease-in-out .2s}.t450__menu__content.t450__beforeready{opacity:0;z-index:-1}.t450__burger_container.t450__burger-nobg{width:auto!important;min-width:30px;height:auto!important;min-height:30px}.t450__menu__content.t450__static{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin-left:auto!important;z-index:1}.t450__burger_container.t450__small{width:48px;height:48px}.t450__burger_container.t450__big{width:78px;height:78px}.t450__burger_bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#111}.t450__burger_cirqle{border-radius:100px}.t450__burger_container .t-menuburger__big{width:38px;height:26px}.t450__burger_container .t-menuburger__big span{height:4px}.t450__burger_container .t-menuburger__big span:nth-child(2),.t450__burger_container .t-menuburger__big span:nth-child(3){top:11px}.t450__burger_container .t-menuburger__big span:nth-child(4){top:22px}.t450 .ya-share2__list{margin-bottom:0}#allrecords ul.ya-share2__list{padding-left:0}.t450 .ya-share2__container_size_m .ya-share2__counter{line-height:28px}.t450__black-white .ya-share2__badge{background-color:#111!important}.t450__transp-white .ya-share2__badge{background-color:transparent!important}.t450__transp-white .ya-share2__container_size_m .ya-share2__counter:before{display:none}.t450__transp-white .ya-share2__container_size_m .ya-share2__counter{padding-left:0!important;margin-top:2px}.t450__white-black .ya-share2__badge{background-color:#fff!important}.t450__white-black .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.t450__white-black .ya-share2__container_size_m .ya-share2__counter{color:#222}.t450__white-black .ya-share2__counter:before{background-color:#222}.t450__white-black .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.7145 16.9838C7.24792 16.9838 4.12992 13.2361 4 7H6.73829C6.82823 11.5771 8.84691 13.5159 10.4459 13.9157V7H13.0244V10.9475C14.6034 10.7776 16.2622 8.97876 16.8218 7H19.4003C18.9706 9.43848 17.1717 11.2374 15.8925 11.9769C17.1717 12.5765 19.2205 14.1455 20 16.9838H17.1617C16.5521 15.085 15.0332 13.6159 13.0244 13.416V16.9838H12.7145Z' fill='black'/%3E%3C/svg%3E");background-size:24px;background-position:center}.t450__white-black .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.7368 11.5046L17.5763 6H16.4295L12.2273 10.7796L8.87103 6H5L10.0753 13.2276L5 19H6.14688L10.5845 13.9526L14.129 19H18L12.7368 11.5046ZM11.1659 13.2912L10.6517 12.5715L6.56012 6.8448H8.32166L11.6236 11.4665L12.1379 12.1862L16.43 18.1936H14.6685L11.1659 13.2912Z' fill='black'/%3E%3C/svg%3E");background-size:24px;background-position:center}.t450__white-black .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjx0aXRsZT5TaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IldlbGNvbWUiPjxwYXRoIGlkPSJTaGFwZSIgZmlsbD0iIzIyMjIyMiIgZD0iTTc0Ljk5Nyw0Ni4wMTFjLTQuOTAzLDAuMDA2LTguODc1LDMuOTc5LTguODgzLDguODgzYzAsNC44OTQsMy45ODUsOC44NzksOC44ODMsOC44NzljNC45MDMtMC4wMDgsOC44NzUtMy45NzksOC44OC04Ljg3OUM4My44NzksNDkuOTg5LDc5LjksNDYuMDE3LDc0Ljk5Nyw0Ni4wMTFMNzQuOTk3LDQ2LjAxMXogTTc0Ljk5Nyw3Ni4zMzhjLTExLjgzOC0wLjAxLTIxLjQzNy05LjYwNi0yMS40NDgtMjEuNDQ0YzAuMDA4LTExLjg0Niw5LjYwNC0yMS40NDIsMjEuNDQ4LTIxLjQ1NWMxMS44NDUsMC4wMSwyMS40NTEsOS42MDksMjEuNDU2LDIxLjQ1NUM5Ni40MzgsNjYuNzM0LDg2LjgzOCw3Ni4zMyw3NC45OTcsNzYuMzM4TDc0Ljk5Nyw3Ni4zMzh6IE02Ni4zMiw5My44MzZjLTQuNDEyLTEuMDAyLTguNjI0LTIuNzQ4LTEyLjQ1NS01LjE1NGMtMi45MzktMS44NS0zLjgyMy01LjczNC0xLjk3My04LjY2OGMxLjg0OC0yLjk0MSw1LjcyOC0zLjgyMiw4LjY2Ni0xLjk3NWM4LjgzNCw1LjUyMywyMC4wNTIsNS41MjMsMjguODg2LDBjMS45MDEtMS4xOTUsNC4yOTctMS4yODcsNi4yODQtMC4yNDJjMS45ODQsMS4wNDksMy4yNiwzLjA3OCwzLjM0Miw1LjMyNGMwLjA4NywyLjI0LTEuMDI3LDQuMzYzLTIuOTMsNS41NjFjLTMuODM0LDIuNDA2LTguMDQ5LDQuMTQ4LTEyLjQ1Nyw1LjE1NGwxMS45OTQsMTJjMi40NTEsMi40NTcsMi40NDYsNi40MzYtMC4wMTEsOC44OTNjLTIuNDU2LDIuNDQ1LTYuNDM0LDIuNDQ1LTguODg2LTAuMDEybC0xMS43NzktMTEuNzg5bC0xMS43ODUsMTEuNzg5Yy0yLjQ1NSwyLjQ1Ny02LjQzNiwyLjQ1Ny04Ljg4OSwwYy0yLjQ1NC0yLjQ1NS0yLjQ1NC02LjQzNCwwLTguODkxTDY2LjMyLDkzLjgzNkw2Ni4zMiw5My44MzZ6Ii8+PC9nPjwvc3ZnPg==);background-size:28px 28px;background-position:-2px}.t450__transp-black .ya-share2__badge{background-color:transparent!important}.t450__transp-black .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.t450__transp-black .ya-share2__container_size_m .ya-share2__counter{color:#222;padding-left:0!important;margin-top:2px}.t450__transp-black .ya-share2__counter:before{display:none}.t450__transp-black .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.7145 16.9838C7.24792 16.9838 4.12992 13.2361 4 7H6.73829C6.82823 11.5771 8.84691 13.5159 10.4459 13.9157V7H13.0244V10.9475C14.6034 10.7776 16.2622 8.97876 16.8218 7H19.4003C18.9706 9.43848 17.1717 11.2374 15.8925 11.9769C17.1717 12.5765 19.2205 14.1455 20 16.9838H17.1617C16.5521 15.085 15.0332 13.6159 13.0244 13.416V16.9838H12.7145Z' fill='black'/%3E%3C/svg%3E");background-size:24px;background-position:center}.t450__transp-black .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.7368 11.5046L17.5763 6H16.4295L12.2273 10.7796L8.87103 6H5L10.0753 13.2276L5 19H6.14688L10.5845 13.9526L14.129 19H18L12.7368 11.5046ZM11.1659 13.2912L10.6517 12.5715L6.56012 6.8448H8.32166L11.6236 11.4665L12.1379 12.1862L16.43 18.1936H14.6685L11.1659 13.2912Z' fill='black'/%3E%3C/svg%3E");background-size:24px;background-position:center}.t450__transp-black .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjx0aXRsZT5TaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IldlbGNvbWUiPjxwYXRoIGlkPSJTaGFwZSIgZmlsbD0iIzIyMjIyMiIgZD0iTTc0Ljk5Nyw0Ni4wMTFjLTQuOTAzLDAuMDA2LTguODc1LDMuOTc5LTguODgzLDguODgzYzAsNC44OTQsMy45ODUsOC44NzksOC44ODMsOC44NzljNC45MDMtMC4wMDgsOC44NzUtMy45NzksOC44OC04Ljg3OUM4My44NzksNDkuOTg5LDc5LjksNDYuMDE3LDc0Ljk5Nyw0Ni4wMTFMNzQuOTk3LDQ2LjAxMXogTTc0Ljk5Nyw3Ni4zMzhjLTExLjgzOC0wLjAxLTIxLjQzNy05LjYwNi0yMS40NDgtMjEuNDQ0YzAuMDA4LTExLjg0Niw5LjYwNC0yMS40NDIsMjEuNDQ4LTIxLjQ1NWMxMS44NDUsMC4wMSwyMS40NTEsOS42MDksMjEuNDU2LDIxLjQ1NUM5Ni40MzgsNjYuNzM0LDg2LjgzOCw3Ni4zMyw3NC45OTcsNzYuMzM4TDc0Ljk5Nyw3Ni4zMzh6IE02Ni4zMiw5My44MzZjLTQuNDEyLTEuMDAyLTguNjI0LTIuNzQ4LTEyLjQ1NS01LjE1NGMtMi45MzktMS44NS0zLjgyMy01LjczNC0xLjk3My04LjY2OGMxLjg0OC0yLjk0MSw1LjcyOC0zLjgyMiw4LjY2Ni0xLjk3NWM4LjgzNCw1LjUyMywyMC4wNTIsNS41MjMsMjguODg2LDBjMS45MDEtMS4xOTUsNC4yOTctMS4yODcsNi4yODQtMC4yNDJjMS45ODQsMS4wNDksMy4yNiwzLjA3OCwzLjM0Miw1LjMyNGMwLjA4NywyLjI0LTEuMDI3LDQuMzYzLTIuOTMsNS41NjFjLTMuODM0LDIuNDA2LTguMDQ5LDQuMTQ4LTEyLjQ1Nyw1LjE1NGwxMS45OTQsMTJjMi40NTEsMi40NTcsMi40NDYsNi40MzYtMC4wMTEsOC44OTNjLTIuNDU2LDIuNDQ1LTYuNDM0LDIuNDQ1LTguODg2LTAuMDEybC0xMS43NzktMTEuNzg5bC0xMS43ODUsMTEuNzg5Yy0yLjQ1NSwyLjQ1Ny02LjQzNiwyLjQ1Ny04Ljg4OSwwYy0yLjQ1NC0yLjQ1NS0yLjQ1NC02LjQzNCwwLTguODkxTDY2LjMyLDkzLjgzNkw2Ni4zMiw5My44MzZ6Ii8+PC9nPjwvc3ZnPg==);background-size:28px 28px;background-position:-2px}.t123__centeredContainer{text-align:center}.t134__logo{width:100%;font-size:28px;font-weight:600}.t134{text-align:center}.t134__img{max-width:300px}.t134__title{font-family:'Outfit',Arial,sans-serif;font-size:24px;line-height:25px;text-align:center;padding-top:28px;padding-bottom:9px;color:#000000}.t134__descr{font-size:14px;color:#000000;line-height:26px;letter-spacing:1px;text-align:center;font-family:'Outfit',Arial,sans-serif;padding-top:22px;padding-bottom:6px;opacity:.7}.t134__link{display:inline-block}.t134__img{vertical-align:bottom}.t134 a{color:#000000}
.t396 .t-animate[data-animate-style=fadein],.t396 .t-animate[data-animate-style=fadeindown],.t396 .t-animate[data-animate-style=fadeinleft],.t396 .t-animate[data-animate-style=fadeinright],.t396 .t-animate[data-animate-style=fadeinup],.t396 .t-animate[data-animate-style=zoomin],.t396 .t-animate[data-animate-style=zoomout]{opacity:0}@media screen and (min-width:980px){.t-animate[data-animate-style=fadein],.t-animate[data-animate-style=fadeindown],.t-animate[data-animate-style=fadeinleft],.t-animate[data-animate-style=fadeinright],.t-animate[data-animate-style=fadeinup],.t-animate[data-animate-style=zoomin],.t-animate[data-animate-style=zoomout]{opacity:0;-webkit-transition-property:opacity,transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.t-title.t-animate{-webkit-transition-duration:1.2s;transition-duration:1.2s}.t-descr.t-animate,.t-subtitle.t-animate,.t-text.t-animate,.t-uptitle.t-animate{-webkit-transition-duration:.7s;transition-duration:.7s}.t-item.t-animate{-webkit-transition-duration:.5s;transition-duration:.5s}.t-animate_started[data-animate-style=fadein]{opacity:1}.t-animate[data-animate-style=fadeinup]{-webkit-transform:translate(0,100px);transform:translate(0,100px)}.t-animate_started[data-animate-style=fadeinup]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeindown]{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}.t-animate_started[data-animate-style=fadeindown]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinleft]{-webkit-transform:translate(100px,0);transform:translate(100px,0)}.t-animate_started[data-animate-style=fadeinleft]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinright]{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}.t-animate_started[data-animate-style=fadeinright]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=zoomin]{-webkit-transform:scale(.9);transform:scale(.9)}.t-animate_started[data-animate-style=zoomin]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate[data-animate-style=zoomout]{-webkit-transform:scale(1.2);transform:scale(1.2)}.t-animate_started[data-animate-style=zoomout]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate_started[data-animate-distance],.t-animate_started[data-animate-scale]{-webkit-transform:none!important;transform:none!important}}.t-animate-for-wrapper .t-animate:not(.t-animate_started){opacity:0!important;transition-duration:0s!important}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC0C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4W61C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bCyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4ZmyC4E.ttf) format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-bg: #1D1E23;
    --card-bg: #2a2b32;
    --orange: #f27022;
    --green: #69bc52;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.6);
    --border-color: rgba(255, 255, 255, 0.1);
}

body {
    font-family: Inter;
    background-color: #12161C;
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-bg) 0%, #0f1012 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.preloader.fade-out {
    opacity: 0;
    pointer-events: none;
}

.preloader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.preloader-logo-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-logo {
    filter: drop-shadow(0 0 15px rgba(105, 188, 82, 0.2));
    --fill-progress: 0%;
    clip-path: inset(calc(100% - var(--fill-progress)) 0 0 0);
}

@keyframes logoRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.preloader-progress {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 200px;
}

.progress-bar {
    width: 100%;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--green) 0%, var(--orange) 50%, var(--green) 100%);
    border-radius: 10px;
    width: 0%;
    transition: width 0.1s linear;
    box-shadow: 0 0 10px rgba(242, 112, 34, 0.5);
}

.progress-text {
    font-size: 16px;
    font-weight: 700;
    color: var(--orange);
    letter-spacing: 1px;
    min-width: 50px;
    text-align: center;
}

.preloader-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
    letter-spacing: 1px;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.hero {
    display: flex;
    flex-direction: column;
    min-height: 700px;
    position: relative;
    overflow: hidden;
}

.hero-logo {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0px 20px 30px 20px;
    z-index: 20;
}

.logo-image {
    width: 150px;
    height: auto;
}

.hero-graphics {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image/orangebonus-hero-bg.jpg);
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 480px;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(0deg, #12161C 0%, rgba(18, 22, 28, 0.90) 15.39%, rgba(18, 22, 28, 0.80) 30.35%, rgba(18, 22, 28, 0.65) 47.75%, rgba(18, 22, 28, 0.46) 62.71%, rgba(18, 22, 28, 0.35) 72.78%, rgba(18, 22, 28, 0.14) 84.99%, rgba(18, 22, 28, 0.00) 100%);
}

.hero-content {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 600px;
}

.hero-person {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 630px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.share-image {
    position: absolute;
    bottom: 0px;
}

.person-image {
    max-width: 560px;
    width: auto;
    height: 100%;
    object-fit: contain;
    z-index: 2;
}

.tree-decoration {
    position: absolute;
    right: 100px;
    bottom: 0;
    width: 630px;
    z-index: 1;
}

.tree-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.santa-hat {
    width: 80px;
    height: 60px;
    background: #c92d2d;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) rotate(-15deg);
    border-radius: 0 0 40px 40px;
    z-index: 5;
}

.santa-hat::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
}

.floating-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.floating-item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: float 6s ease-in-out infinite;
    margin-left: var(--offset-x, 0);
}

.floating-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-item {
    --offset-x: -400px;
    bottom: 350px;
    width: 212px;
    animation-delay: 0s;
    z-index: 4;
}

.coin-item {
    --offset-x: 130px;
    bottom: 320px;
    width: 135px;
    animation-delay: 1s;
    z-index: 4;
}

.phone-item {
    --offset-x: 340px;
    bottom: 420px;
    width: 180px;
    animation-delay: 2s;
    z-index: 4;
}

a {
    text-decoration: none;
}

.euro-item {
    --offset-x: 430px;
    bottom: 60px;
    width: 115px;
    animation-delay: 3s;
    z-index: 3;
}

.euro-item-pack {
    --offset-x: -530px;
    bottom: 60px;
    width: 160px;
    animation-delay: 3s;
    z-index: 4;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

.sparkle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sparkle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sparkle-1 {
    bottom: 0;
    right: 0;
    width: 1090px;
    z-index: 1;
}

.sparkle-2 {
    bottom: 0;
    left: 0;
    width: 1090px;
    z-index: 1;
}


.hero-text {
    display: flex;
    position: relative;
    z-index: 15;
    flex-direction: column;
    gap: 20px;
}

.hero-text_group {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hero-text h1 {
    display: flex;
    font-weight: 900;
    line-height: 1.2;
    font-family: Inter;
    font-size: 60px;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
}

.hero-text_box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.hero-text .highlight {
    color: #FFF;
    text-align: center;
    font-family: "Mystery Quest";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.highlight {
    width: max-content;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #69BC52;
    justify-content: center;
}

.hero-subtitle {
    font-size: clamp(14px, 2vw, 16px);
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto;
    font-family: Inter;
}

img.hero-decor {
    height: 23px;
}

/* Doors Section */
.doors-section {
    padding: 60px 0;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.section-header h2 {
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 900;
}

.nav-buttons {
    display: flex;
    gap: 10px;
}

.nav-btn {
    width: 60px;
    height: 60px;
    border: none;
    background: var(--card-bg);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    border: 2px solid #F5A843;
    background: rgba(245, 168, 67, 0.10);
}

img.arrow_left {
    width: 20px;
    rotate: 180deg;
}

img.arrow_right {
    width: 20px;
}

.nav-btn:hover {
    background: #F5A843;
    transform: scale(1.02);
}

.doors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.door-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s;
}

.door-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.door-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.door-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.door-date {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.date-label {
    font-size: 12px;
    color: var(--text-secondary);
}

.checkmark {
    width: 20px;
    height: 20px;
}

.door-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.door-description {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 20px;
    min-height: 40px;
}

.door-button {
    width: 100%;
    padding: 12px 20px;
    background: #c92d2d;
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.door-button:hover {
    background: #a82424;
}

.show-calendar-btn {
    display: block;
    margin: 0 auto;
    padding: 15px 60px;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.show-calendar-btn:hover {
    background: var(--card-bg);
    border-color: var(--text-secondary);
}

/* Bonus Section */
.bonus-section {
    padding: 60px 0;
}

.bonus-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 20px;
}

.bonus-header h2 {
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 900;
}

.bonus-info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-secondary);
    font-size: 16px;
}

.bonus-info svg {
    flex-shrink: 0;
}

.bonus-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.bonus-card-main {
    display: grid;
    grid-template-columns: 1fr auto 300px;
    gap: 50px;
    align-items: center;
}

.bonus-card-content {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.bonus-logo {
    flex-shrink: 0;
}

.placeholder-logo {
    width: 220px;
    height: 130px;
    background: linear-gradient(135deg, #3a3b42 0%, #2a2b32 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--text-secondary);
}

.bonus-details {
    flex: 1;
}

.bonus-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.bonus-title-wrapper h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
}

.bonus-badge {
    background: var(--green);
    padding: 6px 20px;
    border-radius: 12px;
    font-size: 16px;
    white-space: nowrap;
}

.bonus-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bonus-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    color: var(--text-secondary);
}

.bonus-features li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.bonus-divider {
    width: 1px;
    background: white;
    opacity: 0.3;
    background-image: repeating-linear-gradient(
        to bottom,
        white,
        white 6px,
        transparent 6px,
        transparent 12px
    );
}

.bonus-card-action {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.age-restriction {
    font-size: 16px;
    color: var(--text-secondary);
    text-align: center;
}

.cta-button {
    padding: 25px 60px;
    background: var(--orange);
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}

.cta-button:hover {
    background: #58abff;
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgb(0 127 255 / 30%);
}

.toggle-info {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
}

.toggle-info:hover {
    color: white;
}

.banner_box2 {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
}

.banner_box2.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.banner-cta-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
}

.banner-cta-background {
    display: flex;
    max-width: 1200px;
    width: fit-content;
    margin: auto;
    height: 130px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    /*background: linear-gradient(180deg, #45B9FD 0%, #0A91D3 100%);*/
    box-shadow: 0 30px 70px 0 rgba(16, 148, 215, 0.20);
    backdrop-filter: blur(25px);
    border-radius: 12px;
}

.bottom-text2 {
    padding: 50px;
    display: flex;
    width: auto;
    gap: 20px;
    text-align: center;
    z-index: 4;
    flex-direction: row;
    align-items: center;
}

.bottom-text2 h2 {
    display: none;
    width: 300px;
    font-weight: 900;
    line-height: 1.2;
    color: #FFF;
    text-align: left;
    font-family: Outfit;
    font-size: 26px;
    text-transform: uppercase;
}

/* Bottom CTA */
.banner_box {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

.bottom-cta-background {
    display: flex;
    width: 100%;
    position: relative;
    min-height: 200px;
    overflow: visible;
    background-image: url(image/beckgraund.jpg);
}

.bottom-cta-content {
    max-width: 1200px;
    width: -webkit-fill-available;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin: auto;
    flex-direction: row;
}

.bottom-person {
    width: auto;
    height: 250px;
}

img.image_group {
    width: 860px;
    position: absolute;
    z-index: 2;
    bottom: 0;
}

img.share-image {
    position: absolute;
    left: 170px;
    bottom: 0px;
    width: 460px;
}

.bottom-text {
    display: flex;
    width: auto;
    gap: 20px;
    text-align: center;
    z-index: 4;
    flex-direction: column;
    align-items: center;
}

.bottom-text h2 {
    font-weight: 900;
    line-height: 1.2;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 36px;
}

.bottom-text .cta-button {
    padding: 20px 40px;
    font-size: 18px;
}

button.banner_cta {
    display: flex;
    width: 351px;
    padding: 25px 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: radial-gradient(64.12% 100% at 50.14% 0%, #FFF 0%, #C9C9C9 100%);
    box-shadow: 0 4px 0 0 #9A9A9A;
    border: 0px;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

button.banner_cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
    border-radius: 12px;
    animation: shine 2s infinite;
}

@keyframes shine {
    0% {
        left: -100%;
    }
    50% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

button.banner_cta:hover {
    background: linear-gradient(135deg, #f27022 0%, #e85d0a 100%);
    box-shadow: 0 4px 0 0 #c94607, 0 0 20px rgba(242, 112, 34, 0.6), inset 0 -3px 8px rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    color: #FFF;
}

button.banner_cta:hover::before {
    animation: shine 1s infinite;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .bonus-card-main {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bonus-divider {
        height: 1px;
        width: 100%;
        background-image: repeating-linear-gradient(
            to right,
            white,
            white 6px,
            transparent 6px,
            transparent 12px
        );
    }

    .bonus-card-action {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }

    .card-second-header .card-logo {
        width: 100%;
        height: 300px !important;
    }
}

@media (max-width: 768px) {

    .banner-cta-background {
        width: auto;
    }

    .banner_box2 {
        padding: 0px 20px;
    }
    
    .banner_box2.show {
        opacity: 1;
        visibility: visible;
    }

    button.banner_cta {
        width: 100%;
    }

    .bottom-text2 h2 {
        width: auto;
        font-size: 24px;
    }
    .hero {
        min-height: 500px;
    }

    .hero-content {
        padding: 60px 20px;
    }

    .hero-text {
        width: 100%;
    }

    .hero-text h1 {
        font-size: 36px;
    }

    img.highlight {
        width: 180px;
    }

    .floating-item {
        width: 200px;
    }

    .phone-item {
        width: 140px;
    }

    .doors-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
    }

    .bonus-info {
        font-size: 14px;
    }

    .bonus-card-content {
        flex-direction: column;
        gap: 20px;
    }

    .placeholder-logo {
        width: 100%;
        max-width: 220px;
    }

    .bonus-title-wrapper h3 {
        font-size: 24px;
    }

    .bonus-card-action {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-button {
        padding: 20px 40px;
        width: 100%;
    }

.bottom-cta {
    position: fixed;
    bottom: 0;
    padding: 60px 0 0px;
    width: 100%;
    z-index: 999999;
}

    .bottom-person {
        width: 150px;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .doors-grid {
        grid-template-columns: 1fr;
    }

    .hero-text h1 {
        font-size: 28px;
    }

    .banner-cta-background {
        height: auto;
        margin-bottom: 20px;
    }

    .bottom-text2 {
        padding: 20px;
        display: flex;
        width: auto;
        gap: 20px;
        text-align: center;
        z-index: 4;
        flex-direction: column;
        align-items: center;
    }

    .hero-text_box {
        gap: 10px;
    }

    .highlight {
        width: max-content;
        display: flex;
        padding: 6px 12px;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: #69BC52;
        justify-content: center;
    }

    img.share-image {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: auto;
    }

    .section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        gap: 20px;
        flex-direction: row;
    }

    .bottom-text2 h2 {
        text-align: center;
    }

    .nav-btn {
        width: 50px;
        height: 50px;
    }

    .card-second-header .card-logo {
        width: 100%;
        height: 170px !important;
    }

    .footer_box {
        flex-direction: column !important;
    }

    .floating-item {
        width: 120px;
    }

    .coin-item {
        --offset-x: 100px;
    }

    .nav-buttons {
        width: auto;
        justify-content: center;
    }

    .bonus-features li {
        font-size: 14px;
    }

    .bonus-badge {
        font-size: 14px;
        padding: 4px 16px;
    }

    .show-calendar-btn {
        width: 100%;
        padding: 15px 20px;
    }
}

.bonus-card:not(.expanded) .toggle-info svg {
    transform: rotate(0deg);
}

.bonus-card.expanded .toggle-info svg {
    transform: rotate(45deg);
}

/* Carousel Styles */
.carousel-wrapper {
    overflow: visible;
    position: relative;
}

.doors-carousel {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease-out;
    padding: 20px 0;
}

.carousel-card {
    flex-shrink: 0;
    width: calc(25% - 15px);
    font-family: Inter;
    min-width: 250px;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.carousel-card.inactive {
    opacity: 0.1;
    pointer-events: none;
}

.carousel-card.upcoming {
    border: 1px solid #FADA0C;
    box-shadow: 0 30px 70px 0 rgba(250, 218, 12, 0.20);
}

.carousel-card.community-special {
    border: 1px solid #E22C23;
}

.carousel-card:hover:not(.inactive) {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-color: var(--orange);
}

.carousel-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    flex-shrink: 0;
}

.carousel-card-date {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
}

.carousel-card-price {
    font-size: 13px;
    font-weight: 700;
    color: var(--green);
    display: flex;
    align-items: center;
    gap: 5px;
}

.Icon_card {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.carousel-card_box {
    display: flex;
    flex-direction: column;
    background: #1D1E23;
    padding: 20px;
    flex: 1;
    gap: 10px;
}

img.arow_left {
    width: 16px;
    rotate: 180deg;
}

img.arow_right {
    width: 16px;
}

.carousel-card-title {
    color: #F27022;
    font-family: Inter;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.carousel-card-description {
    font-size: 15px;
    color: var(--text-secondary);
    font-weight: 400;
    line-height: 1.4;
    flex: 1;
}

.carousel-card-timer {
    width: 100%;
    padding: 12px 20px;
    background: #2A2B32;
    border: none;
    color: #FADA0C;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    cursor: default;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    flex-shrink: 0;
}

.carousel-card-timer.upcoming-timer {
    background: #E22C23;
    color: #FADA0C;
}

.carousel-card-timer.past {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-secondary);
}

.timer-label {
    color: #fff;
    font-weight: 600;
    min-width: max-content;
}

.timer-time {
    font-weight: 700;
}

section.footer {
    padding: 60px 20px;
    background: #121212;
}

.footer_box {
    display: flex;
    max-width: 1200px;
    margin: auto;
    flex-direction: row;
    margin-bottom: 160px;
    align-items: center;
    gap: 50px;
}

img.logo_footer {
    width: 120px;
}

.fotter-text {
    font-size: 16px;
    opacity: 0.6;
}

  /* === Контейнер всей страницы === */
.bonus_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin: auto;
    position: relative;
    max-width: 1200px;
    margin-bottom: 30px;
  }

  /* === Первая «карточка» NEO.BET === */
  .card {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 20px;
    position: relative;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 12px;
    border: 1px solid #0000001a;
  }

  /* Содержимое карточки (логотип + основные блоки) */
  .card-content {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
    flex: 1;
    border-right: 1px solid rgb(255 255 255 / 20%);
  }

  /* Логотип слева (изображение) */
  .card-logo {
    width: 220px;
    height: 130px;
    object-fit: cover;
    border-radius: 12px;
  }

  /* Информация о карточке (заголовок, подзаголовок, список фишек) */
  .card-info {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
  }

  /* Заголовок + «плашка» с бонусом */
  .card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
  }

  /* Название букмекера */
  .card-title {
    font-size: 30px;
    font-weight: bold;
    margin-top: -1px; /* иногда используется для тонкой подгонки */
  }

  /* «Плашка» с надписью про бонус */
  .bonus-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 20px;
    background: #00803F;
    border-radius: 12px;
  }

  /* Текст внутри плашки */
  .bonus-text {
    color: #ffffff;
    font-size: 16px;
    white-space: nowrap;
    margin-top: -1px;
  }

  /* Список особенностей (иконка + текст) */
  .features-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }

  /* Иконка «галочки» или другая */
  .feature-icon {
    width: 20px;
    height: 20px;
  }

  /* Текст фичи */
  .feature-text {
    font-size: 16px;
    margin-top: -1px;
    opacity: 0.7;
  }

  /* Вертикальный разделитель */
  .vertical-line {
    width: 1px;
    align-self: stretch;
  }

  /* Блок с кнопками, инфо о возрасте и т.д. */
  .card-actions {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 320px;
  }

  /* Возрастные ограничения */
  .legal-info {
    font-size: 16px;
    margin-top: -1px;
    text-align: center;
  }
  
  a.cta_button {
    width: 100%;
    text-decoration: none;
  }

  /* Кнопка призыва к действию (оранжевая) */
  .cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 25px 100px;
    width: 100%;
        background: #007FFF;
    border-radius: 12px;
  }
  .cta-button-text {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin-top: -1px;
  }

  /* Блок, где находится «weniger Informationen» */
  .toggle-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
  }
  .toggle-info-text {
    font-size: 16px;
    text-align: center;
    margin-top: -1px;
    white-space: nowrap;
    cursor: pointer;
  }
  .toggle-info-icon {
    width: 20px;
  }

  /* === Вторая «карточка» BETANO (с расширением) === */
.card-second {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    width: 100%;
    border-radius: 12px;
    background: #202E37;
    border: 1px solid var(--border-color);
    color: #fff;
}

  /* Верхняя часть второй карточки (логотип, инфо) */
  .card-second-header {
    display: flex;
    align-items: center;
    gap: 50px;
    width: 100%;
    position: relative;
  }

  /* Логотип во второй карточке */
  .card-second-header .card-logo {
    width: 220px;
    height: 130px;
  }

  /* Дополнительная информация во второй карточке */
  .card-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  /* Разделитель во второй карточке */
  .vertical-line.second-line {
    height: 130px;
  }

  .divider-line {
    width: 100%;
    height: 2px;
  }

  /* Расширенная часть (Casino Features и т.д.) */
  .extended-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
    position: relative;
  }

  .extended-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
  }

  /* Заголовок внутри расширенного блока */
  .extended-block-title {
    font-size: 22px;
    font-weight: bold;
    margin-top: -1px;
  }

  .extended-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 40px;
    width: 100%;
  }

  .extended-item {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
  }

  /* Футер расширенной части (Zahlungsmethoden и т.д.) */
  .extended-footer {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .extended-footer-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
  }
  .extended-footer-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 20px;
    width: 100%;
  }

  .extended-footer-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .license-logo {
    width: 122px;
    height: 40px;
    object-fit: cover;
  }

   /* Медиазапрос для экранов шириной до 1200px */
  @media (max-width: 1200px) {
    .page-container {
      max-width: 960px;
      padding: 0;
    }

    .card-second-header {
      gap: 30px;
    }

    .card-content {
      padding-right: 30px;
    }

    .cta-button {
      padding: 25px 0;
    }
  }

  /* Медиазапрос для экранов шириной до 960px (планшеты и мобильные устройства) */
  @media (max-width: 960px) {
    .page-container {
      align-items: flex-start;
      max-width: 640px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
    }

    .card-header {
      display: flex;
      align-items: center;
      gap: 10px;
      position: relative;
      width: 100%;
      flex-direction: row;
    }

    .extended-block {
      padding-bottom: 0;
    }

    .card-second {
      max-width: 100%;
    }

    /* Для первой карточки — располагаем контент в столбик */
    .card {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
    }

    /* Убираем правую границу, если элементы идут в столбик */
    .card-content {
      flex-direction: column;
      border-right: none;
      gap: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      padding-right: 0;
      padding-bottom: 20px;
      width: 100%;
    }

    /* Логотип растягиваем на всю ширину, высота авто */
    .card-logo {
      width: 100%;
      height: auto;
      max-width: 300px; /* Максимальная ширина */
    }

    .card-actions {
      width: 100%;
    }

    /* Кнопке уменьшаем отступы */
    .cta-button {
      padding: 15px 50px;
    }

    /* Для второй карточки — аналогичные правки */
    .card-second-header {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
    }

    .card-second-header .card-logo {
      width: 100%;
      height: auto;
      max-width: 100%;
    }

    .vertical-line.second-line {
      display: none; /* Убираем вертикальную линию на мобильных */
    }

    .extended-footer {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
    }
  }

  /* Медиазапрос для экранов шириной до 640px (мобильные устройства) */
  @media (max-width: 640px) {
    .page-container {
      align-items: flex-start;
      max-width: 640px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      margin: 0 30px;
    }

    .card-header {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      position: relative;
      width: 100%;
      flex-direction: column-reverse;
    }

    .card-title {
      font-size: 24px;
    }

    .bonus-pill {
      padding: 4px 10px;
    }

    .bonus-text {
      font-size: 14px;
    }

    .feature-text {
      font-size: 14px;
    }

    .cta-button {
      padding: 15px 30px;
    }

    .cta-button-text {
      font-size: 14px;
    }
  }

    .toggle-info {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
  }

  .toggle-info-icon {
    transition: transform 0.3s ease;
    width: 16px;
    height: 16px;
  }

  .toggle-info-icon.rotated {
    transform: rotate(45deg);
  }

  .extended-section {
    overflow: hidden;
    max-height: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease, opacity 0.5s ease;
    border-top: 1px solid rgb(255 255 255 / 20%);
    margin-top: 20px;
  }

  .extended-section.expanded {
    padding-bottom: 20px;
    opacity: 100 !important;
    pointer-events: auto;
    border-top: 1px solid #ffffff0c;
  }

  .card-second-header.add-padding {
    padding-bottom: 20px;
    transition: padding 0.3s ease;
  }
/* ============================================================================
   OrangeBonus extensions — light-theme card CI overrides + tier-block + copy
   Applies the OrangeBonus identity:
     - Card background: #f9f9f9 (light gray) with subtle border
     - Brand orange:    #f27022 (CTA, accents)
     - Brand green:     #69bc52 (badge pill)
     - Body text:       #000 with 60% opacity for secondary
     - Page dark:       warm dark brown #221a14 (complements orange hero)
   ============================================================================ */

/* ===== Smooth scroll for in-page anchors ================================ */
html { scroll-behavior: smooth; }

/* ===== Tilda hero overrides ============================================== */
/* Top menu (rec916126348): transparent, overlaps with hero below via -70px margin */
#rec916126348 {
    background: transparent !important;
    position: relative !important;
    z-index: 100 !important;
    margin-bottom: -70px !important;
}
#rec916126348 .t396__artboard,
#rec916126348 .t396__filter,
#rec916126348 .t396__carrier {
    background: transparent !important;
    background-color: transparent !important;
}

/* Center the logo (260px wide) horizontally at top */
#rec916126348 .tn-elem[data-elem-id="1743090248855"] {
    left: 50% !important;
    margin-left: -130px !important;
}
@media screen and (max-width: 479px) {
    #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
        left: 10px !important;
        margin-left: 0 !important;
        width: 150px !important;
    }
    #rec916126348 .tn-elem[data-elem-id="1743090248855"] .tn-atom__img {
        width: 150px !important;
        height: auto !important;
    }
}

/* The rounded-bottom rectangle_3.svg overlay inside the hero is controlled by Tilda base CSS */


/* Smooth gradient at hero bottom: fades into body bg (#221a14) */
#rec913550734 { position: relative; }
#rec913550734::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: linear-gradient(180deg,
        rgba(34, 26, 20, 0.00) 0%,
        rgba(34, 26, 20, 0.55) 55%,
        #221a14 100%);
    pointer-events: none;
    z-index: 50;
}

/* Down-arrow: pulsing + clickable, above the gradient overlay */
#rec913550734 .tn-elem[data-elem-id="1743075040975"] {
    cursor: pointer !important;
    z-index: 60 !important;
}
#rec913550734 .tn-elem[data-elem-id="1743075040975"] .tn-atom {
    cursor: pointer;
    animation: ob-arrow-pulse 1.6s ease-in-out infinite;
    transform-origin: center;
    will-change: transform, opacity;
}
#rec913550734 .tn-elem[data-elem-id="1743075040975"]:hover .tn-atom {
    opacity: 0.85;
}
@keyframes ob-arrow-pulse {
    0%, 100% { transform: translateY(0)  scale(1);    opacity: 1;   }
    50%      { transform: translateY(8px) scale(1.12); opacity: 0.8; }
}
@media (prefers-reduced-motion: reduce) {
    #rec913550734 .tn-elem[data-elem-id="1743075040975"] .tn-atom { animation: none; }
}

/* Footer logo */
.logo_footer { max-width: 220px; }
@media (max-width: 768px) { .logo_footer { max-width: 180px; } }

/* ===== Mobile tier order — recommended tier on top ====================== */
@media (max-width: 768px) {
    .ob-tier-grid .ob-tier.recommended { order: -1; }
}

/* ===== Payment methods — pills with brand-color dot ===================== */
.card-second .ob-payments-section { margin-top: 4px; }

.card-second .ob-payments-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}
.card-second .ob-payments-heading svg { color: #00000099; flex-shrink: 0; }

.card-second .ob-payments {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-second .ob-payments-hint {
    margin-top: 10px;
    font-size: 11.5px;
    line-height: 1.45;
    color: #00000099;
    background: #fff8f3;
    border: 1px solid #f2702233;
    border-radius: 8px;
    padding: 8px 12px;
}
.card-second .ob-payments-hint b { color: #f27022; }

.card-second .ob-payment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.card-second .ob-pay-logo {
    height: 20px;
    width: auto;
    display: block;
}

/* Brand-specific dot colors (incl. Skrill brand purple) */
.ob-pay-visa         .ob-pay-dot { background: #1a1f71; }
.ob-pay-mastercard   .ob-pay-dot { background: linear-gradient(90deg, #eb001b 50%, #f79e1b 50%); }
.ob-pay-applepay     .ob-pay-dot { background: #000; }
.ob-pay-googlepay    .ob-pay-dot { background: conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc04 0 75%, #ea4335 0 100%); }
.ob-pay-banktransfer .ob-pay-dot { background: #ee7f00; }
.ob-pay-paysafecard  .ob-pay-dot { background: #e2001a; }
.ob-pay-skrill       .ob-pay-dot { background: #862165; }
.ob-pay-paypal       .ob-pay-dot { background: linear-gradient(90deg, #003087 50%, #009cde 50%); }
.ob-pay-crypto       .ob-pay-dot { background: #f7931a; }

/* ===== Wider Discord toast for the longer headline ====================== */
.ob-discord-toast { width: 500px !important; }
@media (max-width: 768px) {
    .ob-discord-toast { width: calc(100vw - 24px) !important; }
}

/* ===== Cross-Promo-Banner nach IRIS (NUR orangebonus.com) =============== */
.ob-promo {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
    padding: 18px 24px;
    border-radius: 16px;
    background: #241c16;
    border: 1px solid rgba(242, 112, 34, 0.45);
    text-decoration: none;
    transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.ob-promo:hover {
    border-color: rgba(242, 112, 34, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(242, 112, 34, 0.18);
}
.ob-promo-badge {
    flex-shrink: 0;
    background: #f27022;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 6px 13px;
    border-radius: 999px;
}
.ob-promo-text {
    flex: 1;
    color: #ffffffd9;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 1.45;
}
.ob-promo-text b { color: #f6a04d; font-weight: 700; }
.ob-promo-arrow {
    flex-shrink: 0;
    color: #f27022;
    font-size: 22px;
    font-weight: 700;
    transition: transform 0.15s;
}
.ob-promo:hover .ob-promo-arrow { transform: translateX(4px); }
@media (max-width: 768px) {
    .ob-promo { flex-direction: column; text-align: center; gap: 12px; padding: 18px; }
    .ob-promo-text { font-size: 15px; }
    .ob-promo-arrow { display: none; }
}

/* ===== Substreamer-Subpage Mini-Branding (/domme, /raffa, /lukas) ======== */
.ob-sub-hero {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
    padding: 14px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #2a2119 0%, #241c16 100%);
    border: 1px solid rgba(242, 112, 34, 0.5);
    box-shadow: 0 4px 18px rgba(242, 112, 34, 0.12);
}
.ob-sub-badge {
    flex-shrink: 0;
    background: #f27022;
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.07em;
    padding: 6px 12px;
    border-radius: 999px;
}
.ob-sub-text {
    flex: 1;
    color: #ffffffdd;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}
.ob-sub-text b { color: #f6a04d; font-weight: 700; }
@media (max-width: 768px) {
    .ob-sub-hero { flex-direction: column; text-align: center; gap: 10px; padding: 14px; }
    .ob-sub-text { font-size: 14px; }
}

/* ===== "Gut zu wissen" — Über OrangeMorange + FAQ (SEO) ================== */
/* Story-Text + Stat-Kacheln; FAQ als <details>: Desktop offen, Mobile zu    */
.ob-know {
    background: #221a14;
    padding: 0 0 40px;
}
.ob-know .container { max-width: 1160px; }

/* Feiner Übergang von den Listing-Karten in die Sektion */
.ob-know-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #f2702266 30%, #f2702266 70%, transparent);
    margin: -24px 0 44px;
}

.ob-know-title {
    color: #fff;
    font-size: 28px;
    margin: 0 0 24px;
}

/* Über-Block: links Ich-Text, rechts klickbare Social-Kacheln */
.ob-know-about {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 64px;
}
/* Grid-Items dürfen schrumpfen — sonst erzwingen die nowrap-Handles
   eine Mindestbreite und die Sektion überläuft auf Mobile horizontal */
.ob-know-about > * { min-width: 0; }
.ob-know-social { min-width: 0; overflow: hidden; }
.ob-know-abouttext {
    color: #ffffffb3;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 14px;
}
.ob-know-story .ob-know-abouttext:last-child { margin-bottom: 0; }

.ob-know-socials {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.ob-know-social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #2a201a;
    border: 1px solid #ffffff14;
    border-radius: 12px;
    padding: 14px 16px;
    text-decoration: none;
    transition: border-color 0.15s, transform 0.15s;
}
.ob-know-socialicon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #ffffff0d;
}
.ob-know-socialtext {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ob-know-socialname {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
}
.ob-know-socialhandle {
    color: #ffffff73;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ob-know-socialarrow {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #f27022;
    font-size: 14px;
}

/* Test-Schritte: große Nummern, Zeilen-Layout */
.ob-know-stepsintro {
    color: #ffffffb3;
    font-size: 15px;
    line-height: 1.7;
    margin: -8px 0 24px;
    max-width: 860px;
}
.ob-know-steps {
    list-style: none;
    margin: 0 0 64px;
    padding: 0;
}
.ob-know-step {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 18px;
    align-items: baseline;
    border-top: 1px solid #ffffff14;
    padding: 18px 0;
}
.ob-know-step:last-child { border-bottom: 1px solid #ffffff14; }
.ob-know-stepnum {
    color: #f27022;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}
.ob-know-stephead {
    color: #fff;
    font-size: 16.5px;
    font-weight: 700;
    margin: 0 0 5px;
}
.ob-know-steptext {
    color: #ffffff99;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
}

/* FAQ-Grid mit <details> */
.ob-know-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 44px;
    margin-bottom: 64px;
}
.ob-know-item {
    border-top: 1px solid #ffffff14;
    padding-top: 16px;
}
.ob-know-q {
    color: #fff;
    padding-left: 18px;
    padding-right: 26px;
    position: relative;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.ob-know-q::-webkit-details-marker { display: none; }
.ob-know-q h3 {
    display: inline;
    color: #fff;
    font-size: 16.5px;
    font-weight: 700;
    margin: 0;
}
.ob-know-q::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    background: #f27022;
    transform: rotate(45deg);
}
/* +/– Indikator nur auf Mobile (Desktop ist eh offen) */
.ob-know-q::after {
    content: "+";
    position: absolute;
    right: 2px;
    top: -2px;
    color: #f27022;
    font-size: 21px;
    font-weight: 600;
    display: none;
}
details[open] .ob-know-q::after { content: "–"; }
.ob-know-a {
    color: #ffffff99;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 8px 0 0;
    padding-left: 18px;
}
/* Fehler-Liste: gleiche Zeilenstruktur wie die Schritte, rotes ✗ statt Nummer */
.ob-know-errs {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ob-know-err {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 18px;
    align-items: baseline;
    border-top: 1px solid #ffffff14;
    padding: 18px 0;
}
.ob-know-err:last-child { border-bottom: 1px solid #ffffff14; }
.ob-know-errmark {
    color: #e2504c;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}
.ob-know-errhead {
    color: #fff;
    font-size: 16.5px;
    font-weight: 700;
    margin: 0 0 5px;
}
.ob-know-errtext {
    color: #ffffff99;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
}

@media (min-width: 769px) {
    /* Desktop: FAQ dauerhaft offen — kein Klick-Verhalten suggerieren */
    .ob-know-q { cursor: default; }
}
@media (max-width: 768px) {
    .ob-know { padding: 0 0 28px; }
    .ob-know-divider { margin: -16px 0 32px; }
    .ob-know-title { font-size: 24px; }
    .ob-know-about { grid-template-columns: 1fr; gap: 24px; margin-bottom: 44px; }
    .ob-know-socials { grid-template-columns: 1fr 1fr; }
    .ob-know-step { grid-template-columns: 48px 1fr; gap: 12px; padding: 15px 0; }
    .ob-know-stepnum { font-size: 22px; }
    .ob-know-steps { margin-bottom: 44px; }
    .ob-know-err { grid-template-columns: 48px 1fr; gap: 12px; padding: 15px 0; }
    .ob-know-errmark { font-size: 20px; }
    .ob-know-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 44px; }
    /* Mobile: FAQ als Cards — Raute weg, nur +/- rechts */
    .ob-know-item {
        background: #2a201a;
        border: 1px solid #ffffff14;
        border-radius: 12px;
        padding: 14px 16px;
    }
    .ob-know-item:last-child { border-bottom: 1px solid #ffffff14; }
    .ob-know-q::before { display: none; }
    .ob-know-q { padding-left: 0; padding-right: 30px; }
    .ob-know-a { padding-left: 0; }
    .ob-know-q::after { display: block; right: 0; top: -3px; }
}

/* ===== Page / Footer background — warm dark (brand-aligned) ============== */
body.t-body {
    background-color: #221a14 !important;
}
section.footer {
    background: #1a130e !important;
    padding: 44px 20px !important;
}
/* Fix: base style hat 160px margin-bottom — Riesen-Leerraum unter dem Text */
.footer_box { margin-bottom: 0 !important; }
.fotter-text { color: rgba(255, 255, 255, 0.7); }
@media (max-width: 768px) {
    /* Logo mittig über dem Text */
    .footer_box { align-items: center !important; gap: 24px !important; width: 100% !important; }
    .logo-footer { display: flex; justify-content: center; width: 100%; }
}

/* ===== Card logo — fix cut-off (contain, not cover) ====================== */
.card-second .card-logo {
    width: 100% !important;
    max-width: 180px !important;
    height: 80px !important;
    object-fit: contain !important;
    background: #221a14 !important;
    border: 1px solid #ffffff14 !important;
    border-radius: 10px !important;
    padding: 15px 12px !important;
    box-sizing: border-box !important;
}

/* ===== Card CI overrides ================================================= */
/* Override base dark-card styles with light-theme OrangeBonus look          */

.card-second {
    background: #f9f9f9 !important;
    color: #000 !important;
    border: 1px solid #0000001a !important;
}
.card-second .card-title {
    color: #000 !important;
}
.card-second .feature-text,
.card-second .legal-info {
    color: #00000099 !important;
}

/* "Mehr Informationen" toggle — centered, hover, smooth chevron rotation */
.card-second .toggle-info {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer;
    margin-top: 0 !important;
    padding: 4px 12px;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
    color: #00000099 !important;
    user-select: none;
}
.card-second .toggle-info:hover {
    background: rgba(242, 112, 34, 0.08);
    color: #f27022 !important;
}
.card-second .toggle-info-text {
    color: inherit !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    font-weight: 500 !important;
}
.card-second .toggle-info-icon {
    display: inline-block;
    transition: transform 0.25s ease !important;
    color: inherit;
    flex-shrink: 0;
}
.card-second .bonus-pill {
    background: #69bc52 !important;
    color: #fff !important;
    padding: 6px 18px !important;
    border-radius: 12px !important;
}
.card-second .bonus-text {
    color: #fff !important;
}
.card-second .card-actions .cta_button { display: block !important; line-height: 0 !important; }
.card-second .cta-button {
    background: #f27022 !important;
}
.card-second .cta-button-text {
    color: #fff !important;
}
.card-second .extended-block-title {
    color: #000 !important;
}
.card-second .extended-section {
    border-top: 1px solid #0000001a !important;
}
.card-second .extended-footer-icon,
.card-second .license-logo {
    filter: none;
}

/* ===== Tab switcher ====================================================== */
.brand-section { width: 100%; box-sizing: border-box; }

.ob-tabs {
    display: inline-flex;
    gap: 0;
    border: 1px solid #0000001a;
    border-radius: 12px;
    padding: 4px;
    background: #f9f9f9;
    margin-bottom: 24px;
}
.ob-tab {
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #00000099;
    background: transparent;
    border: 0;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}
.ob-tab:hover { color: #000; }
.ob-tab.active { background: #f27022; color: #fff; }
.ob-tab-count { opacity: 0.7; font-weight: 400; margin-left: 4px; }

.brand-section[data-active="casino"] .card-second[data-kind="sport"] { display: none; }
.brand-section[data-active="sport"] .card-second[data-kind="casino"] { display: none; }

.brand-section .card-second { margin-bottom: 18px; }
.brand-section .card-second:last-child { margin-bottom: 0; }

/* ===== Intro-Zeile über mehreren Paketen ================================ */
.ob-tier-intro {
    font-size: 13px;
    line-height: 1.5;
    color: #00000099;
    margin-bottom: 14px;
}
.ob-tier-intro b { color: #f27022; }

/* ===== Tier block ======================================================== */
.ob-tier-block {
    background: #fff;
    border: 1px solid #f2702233;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 18px;
    width: 100%;
    box-sizing: border-box;
}

.ob-tier-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
}
.ob-tier-title::before {
    content: "★";
    color: #f27022;
    font-size: 18px;
}

.ob-tier-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.ob-tier-grid.single {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin: 0 auto;
}
.ob-tier-grid.cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.ob-tier-grid.cols-4 {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 900px) {
    .ob-tier-grid.cols-4 { grid-template-columns: 1fr 1fr; }
}

.ob-tier {
    background: #fff8f3;
    border: 1px solid #f2702233;
    border-radius: 8px;
    padding: 14px 16px;
}
.ob-tier.recommended {
    background: #fff1e6;
    border-color: #f27022;
    position: relative;
}
.ob-tier.recommended::after {
    content: "EMPFOHLEN";
    position: absolute;
    top: -8px;
    right: 10px;
    background: #f27022;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.ob-tier-range {
    font-size: 11px;
    color: #00000099;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}
.ob-tier-pct {
    font-size: 34px;
    font-weight: 800;
    color: #f27022;
    line-height: 1;
}
.ob-tier-meta {
    font-size: 12px;
    color: #00000099;
    margin-top: 8px;
}
.ob-tier-sub {
    font-size: 11px;
    color: #00000066;
    margin-top: 4px;
    line-height: 1.35;
}

.ob-tier-code {
    margin-top: 10px;
    padding: 10px 14px;
    background: #fff;
    border: 1.5px solid #f27022;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.1s;
    user-select: none;
    position: relative;
    box-shadow: 0 1px 0 rgba(242, 112, 34, 0.15);
}
.ob-tier-code .lbl {
    color: #00000099;
    font-weight: 400;
    flex-shrink: 0;
}
.ob-tier-code .code-val {
    color: #f27022;
    letter-spacing: 0.02em;
}
.ob-tier-code .copy-hint {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    background: #fff1e6;
    border-radius: 5px;
    color: #f27022;
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}
.ob-tier-code .copy-icon { width: 13px; height: 13px; flex-shrink: 0; }
.ob-tier-code:hover {
    background: #fff8f3;
    box-shadow: 0 2px 8px rgba(242, 112, 34, 0.2);
    transform: translateY(-1px);
}
.ob-tier-code:hover .copy-hint {
    background: #f27022;
    color: #fff;
}
.ob-tier-code:active { transform: translateY(0); }
.ob-tier-code.copied {
    background: #69bc52;
    border-color: #69bc52;
    color: #fff;
    box-shadow: 0 2px 8px rgba(105, 188, 82, 0.35);
}
.ob-tier-code.copied .lbl,
.ob-tier-code.copied .code-val { color: #fff !important; }
.ob-tier-code.copied .copy-hint {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}
@media (max-width: 480px) {
    .ob-tier-code .copy-hint-text { display: none; }
    .ob-tier-code .copy-hint { padding: 6px 8px; }
    .ob-tier-code .copy-icon { width: 15px; height: 15px; }
}

.ob-tier-shared {
    margin-top: 14px;
    font-size: 12px;
    color: #00000099;
    border-top: 1px dashed #0000001a;
    padding-top: 10px;
}
.ob-tier-shared b { color: #000; font-weight: 600; }

/* ===== Info note (Sport "So funktioniert's") ============================= */
.ob-info-note {
    background: #fffaf3;
    border-left: 3px solid #f27022;
    padding: 12px 16px;
    border-radius: 0 6px 6px 0;
    font-size: 12px;
    color: #00000099;
    line-height: 1.5;
    margin-bottom: 14px;
    width: 100%;
    box-sizing: border-box;
}
.ob-info-note strong { color: #000; }
.ob-info-note b { color: #f27022; }

/* ===== VIP-Transfer Box (Partner-Feature) ============================== */
.ob-vip-box {
    margin-bottom: 14px;
    padding: 14px 16px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff6ee, #fff);
    border: 1px solid #f27022;
}
.ob-vip-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}
.ob-vip-title svg { color: #f27022; flex-shrink: 0; }
.ob-vip-text {
    font-size: 12px;
    line-height: 1.55;
    color: #00000099;
}
.ob-vip-text b { color: #000; font-weight: 600; }
.ob-vip-text a { color: #f27022; font-weight: 700; text-decoration: underline; }

/* ===== Floating Discord Toast ============================================ */
.ob-discord-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(120%);
    z-index: 9998;
    width: 440px;
    max-width: calc(100vw - 24px);
    background: rgba(26, 19, 14, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(242, 112, 34, 0.45);
    color: #fff;
    padding: 14px 16px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.ob-discord-toast.visible {
    transform: translateX(-50%) translateY(0);
}

.ob-discord-toast-icon {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: #5865f2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ob-discord-toast-icon::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 13px;
    height: 13px;
    background: #43b581;
    border: 2.5px solid #1a130e;
    border-radius: 50%;
}
.ob-discord-toast-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.ob-discord-toast-text {
    flex: 1;
    min-width: 0;
    line-height: 1.3;
}
.ob-discord-toast-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.ob-discord-toast-meta {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}
.ob-discord-toast-meta b { color: #fff; font-weight: 600; }
.ob-discord-toast-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #43b581;
    box-shadow: 0 0 0 2.5px rgba(67, 181, 129, 0.25);
    display: inline-block;
    flex-shrink: 0;
}

.ob-discord-toast-cta {
    flex-shrink: 0;
    background: #f27022;
    color: #fff !important;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 3px 10px rgba(242, 112, 34, 0.4);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}
.ob-discord-toast-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(242, 112, 34, 0.5);
}
.ob-discord-toast-cta:active { transform: translateY(0); }

.ob-discord-toast-close {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    transition: color 0.15s, background 0.15s;
}
.ob-discord-toast-close:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

/* ===== Mobile ============================================================ */
@media (max-width: 768px) {
    .ob-tier-grid,
    .ob-tier-grid.cols-3,
    .ob-tier-grid.cols-4 { grid-template-columns: 1fr; }
    .ob-tabs { width: 100%; }
    .ob-tab { flex: 1; padding: 10px 12px; font-size: 13px; }

    .ob-discord-toast {
        bottom: 12px;
        padding: 12px 14px;
        gap: 10px;
        border-radius: 12px;
    }
    .ob-discord-toast-icon { width: 40px; height: 40px; }
    .ob-discord-toast-cta { padding: 9px 14px; font-size: 12px; }
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmScUF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmTCUF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmTwUF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmQcV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmQlV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmRCV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmRrV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrgCcqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr3icqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr7CcqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrACAqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrOSAqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrXiAqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrdyAqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Mystery Quest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mysteryquest/v21/-nF6OG414u0E6k0wynSGlujRHwE.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC0C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4W61C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bCyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4ZmyC4E.ttf) format('truetype');
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ===== SWIPER CAROUSEL STYLES ===== */

/* Carousel Wrapper - выход за пределы вправо */
.carousel-wrapper {
    overflow: hidden;
    position: relative;
}

@media (max-width: 1240px) {
    .carousel-wrapper {
        overflow: hidden;
    }
}

/* Swiper Container */
#doorsCarousel.swiper {
    overflow: hidden;
    padding: 20px 0;
}

/* Swiper Wrapper */
#doorsCarousel .swiper-wrapper {
    align-items: stretch;
}

/* Swiper Slide */
#doorsCarousel .swiper-slide {
    width: 280px;
    height: auto;
    box-sizing: border-box;
}

/* ===== CARD BASE ===== */
#doorsCarousel .carousel-card {
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

#doorsCarousel .carousel-card_box {
    flex: 1;
}

#doorsCarousel .carousel-card-timer {
    margin-top: auto;
}

/* ===== SPECIAL CARDS ===== */

/* Специальные розыгрыши (Advent, Nikolaus, Rolex и т.д.) - оранжевый */
.carousel-card.special-card:not(.upcoming):not(.community-special) {
    border: 2px solid #f5a623;
    box-shadow: 0 0 20px rgba(245, 166, 35, 0.25);
}

.carousel-card.special-card:not(.upcoming):not(.community-special) .carousel-card-title {
    color: #f5a623;
}

.carousel-card.special-card:not(.upcoming):not(.community-special) .carousel-card-price .carousel-card-header_text {
    color: #f5a623;
}

/* Community Special - зелёный */
.carousel-card.community-special:not(.upcoming) {
    border: 2px solid #4ecb71;
    box-shadow: 0 0 20px rgba(78, 203, 113, 0.3);
}

.carousel-card.community-special:not(.upcoming) .carousel-card-title {
    color: #4ecb71;
}

.carousel-card.community-special:not(.upcoming) .carousel-card-price .carousel-card-header_text {
    color: #4ecb71;
}

.carousel-card.community-special:not(.upcoming) .carousel-card-timer:not(.past) {
    background: linear-gradient(135deg, #4ecb71 0%, #2d9e4f 100%);
}

.carousel-card.community-special:not(.upcoming) .carousel-card-timer:not(.past) .timer-label,
.carousel-card.community-special:not(.upcoming) .carousel-card-timer:not(.past) .timer-time {
    color: #fff;
}

/* Upcoming - красный (ближайший розыгрыш) - наивысший приоритет */
.carousel-card.upcoming {
    border: 2px solid #e63946 !important;
    box-shadow: 0 0 20px rgba(230, 57, 70, 0.3) !important;
}

.carousel-card.upcoming .carousel-card-timer.upcoming-timer {
    background: linear-gradient(135deg, #e63946 0%, #c1121f 100%);
}

.carousel-card.upcoming .carousel-card-timer .timer-label,
.carousel-card.upcoming .carousel-card-timer .timer-time {
    color: #fff;
}

/* Inactive/Past - прошедшие */
.carousel-card.inactive {
    opacity: 0.5;
    filter: grayscale(30%);
    border-color: transparent !important;
    box-shadow: none !important;
}

.carousel-card.inactive:hover {
    transform: none;
}

.carousel-card-timer.past {
    background: rgba(255, 255, 255, 0.03);
}

.carousel-card-timer.past .timer-label,
.carousel-card-timer.past .timer-time {
    color: rgba(255, 255, 255, 0.4);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    #doorsCarousel .swiper-slide {
        width: 260px;
    }
}

@media (max-width: 480px) {
    #doorsCarousel .swiper-slide {
        width: 240px;
    }
    
    .carousel-wrapper {
        margin-right: -16px;
    }
}

                    #rec916126348 .t396__artboard {
                        height: 70px;
                        overflow: visible;
                    }
                    #rec916126348 .t396__filter {
                        height: 70px;
                    }
                    #rec916126348 .t396__carrier {
                        height: 70px;
                        background-position: center center;
                        background-attachment: scroll;
                        background-size: cover;
                        background-repeat: no-repeat;
                    }
                    @media screen and (max-width: 1199px) {

                        #rec916126348 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 959px) {

                        #rec916126348 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 639px) {

                        #rec916126348 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec916126348 .t396__artboard,
                        #rec916126348 .t396__filter,
                        #rec916126348 .t396__carrier {
                            height: 70px;
                        }

                        #rec916126348 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
                        z-index: 3;
                        top: 0px;
                        left: calc(50% - 600px + -29px);
                        width: 260px;
                        height: auto;
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090248855"] .tn-atom {
                        border-radius: 0px 0px 0px 0px;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090248855"] .tn-atom__img {
                        border-radius: 0px 0px 0px 0px;
                        object-position: center center;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090248855"] {
                            left: calc(50% - 160px + -20px);
                            width: 191px;
                            height: auto;
                        }
                    }
                    #rec916126348 .tn-elem[data-elem-id="1609942468147"] {
                        color: #ffffff;
                        text-align: center;
                        z-index: 4;
                        top: 13px;
                        left: calc(50% - 600px + 1050px);
                        width: 150px;
                        height: 45px;
                    }
                    #rec916126348 .tn-elem[data-elem-id="1609942468147"] .tn-atom {
                        color: #ffffff;
                        font-size: 16px;
                        font-family: "Outfit", Arial, sans-serif;
                        line-height: 1.55;
                        font-weight: 400;
                        border-width: 2px;
                        border-radius: 12px 12px 12px 12px;
                        background-position: center center;
                        border-color: #ffffff;
                        border-style: solid;
                        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
                    }
                    @media (hover), (min-width: 0\0) {
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] .tn-atom:hover {
                            background-color: #f27022;
                            background-image: none;
                            border-color: #f27022;
                        }
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] .tn-atom:hover {
                            color: #ffffff;
                        }
                    }
                    @media screen and (max-width: 1199px) {
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] {
                            left: calc(50% - 480px + 810px);
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] {
                            left: calc(50% - 320px + 428px);
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] {
                            top: 13px;
                            left: calc(50% - 240px + 268px);
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] {
                            top: 13px;
                            left: calc(50% - 160px + 168px);
                            width: 104px;
                            height: 48px;
                        }
                        #rec916126348 .tn-elem[data-elem-id="1609942468147"] .tn-atom {
                            font-size: 16px;
                            background-size: cover;
                        }
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090892314"] {
                        z-index: 10;
                        top: -59px;
                        left: calc(50% - 600px + 575px);
                        width: 32px;
                        height: auto;
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090892314"] .tn-atom {
                        border-radius: 0px 0px 0px 0px;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    #rec916126348 .tn-elem[data-elem-id="1743090892314"] .tn-atom__img {
                        border-radius: 0px 0px 0px 0px;
                        object-position: center center;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090892314"] {
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090892314"] {
                            top: 20px;
                            left: calc(50% - 320px + 608px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090892314"] {
                            top: 20px;
                            left: calc(50% - 240px + 448px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec916126348 .tn-elem[data-elem-id="1743090892314"] {
                            top: 20px;
                            left: calc(50% - 160px + 288px);
                            height: auto;
                        }
                    }
                

                    @supports (overflow: -webkit-marquee) and (justify-content: inherit) {
                        #rec916140745 .t-menu__link-item,
                        #rec916140745 .t-menu__link-item.t-active {
                            opacity: 1 !important;
                        }
                    }
                

                    #rec916140745 a.t-menu__link-item {
                        font-size: 18px;
                        color: #ffffff;
                    }
                

                    #rec913550734 .t396__artboard {
                        height: 700px;
                        background-color: #ffffff;
                    }
                    #rec913550734 .t396__filter {
                        height: 700px;
                    }
                    #rec913550734 .t396__carrier {
                        height: 700px;
                        background-position: center center;
                        background-attachment: scroll;
                        background-size: cover;
                        background-repeat: no-repeat;
                    }
                    @media screen and (max-width: 1199px) {

                        #rec913550734 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 959px) {

                        #rec913550734 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 639px) {

                        #rec913550734 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    @media screen and (max-width: 479px) {

                        #rec913550734 .t396__carrier {
                            background-attachment: scroll;
                        }
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743074946838"] {
                        z-index: 3;
                        top: 0px;
                        left: calc(50% - 50% + 0px);
                        width: 100%;
                        height: 100%;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743074946838"] .tn-atom {
                        border-radius: 0px 0px 20px 20px;
                        background-position: center center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        border-color: transparent;
                        border-style: solid;
                    }

                    #rec913550734 .tn-elem[data-elem-id="1743074956414"] {
                        z-index: 4;
                        top: 68px;
                        left: calc(50% - 600px + 164px);
                        width: 872px;
                        height: auto;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743074956414"] .tn-atom {
                        border-radius: 0px 0px 0px 0px;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743074956414"] .tn-atom__img {
                        border-radius: 0px 0px 0px 0px;
                        object-position: center center;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec913550734 .tn-elem[data-elem-id="1743074956414"] {
                            left: calc(50% - 480px + 44px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec913550734 .tn-elem[data-elem-id="1743074956414"] {
                            left: calc(50% - 320px + -116px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec913550734 .tn-elem[data-elem-id="1743074956414"] {
                            left: calc(50% - 240px + -196px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec913550734 .tn-elem[data-elem-id="1743074956414"] {
                            top: 121px;
                            left: calc(50% - 160px + -239px);
                            width: 799px;
                            height: auto;
                        }
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743075083534"] {
                        z-index: 5;
                        top: 250px;
                        left: calc(50% - 50% + 0px);
                        width: 100%;
                        height: 450px;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743075083534"] .tn-atom {
                        border-radius: 0px 0px 20px 20px;
                        background-position: center top;
                        background-size: cover;
                        background-repeat: no-repeat;
                        border-color: transparent;
                        border-style: solid;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec913550734 .tn-elem[data-elem-id="1743075083534"] {
                            top: 250px;
                        }
                    }

                    #rec913550734 .tn-elem[data-elem-id="1742985442948"] {
                        color: #ffffff;
                        text-align: center;
                        z-index: 6;
                        top: 349px;
                        left: calc(50% - 600px + 143px);
                        width: 914px;
                        height: auto;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1742985442948"] .tn-atom {
                        vertical-align: middle;
                        color: #ffffff;
                        font-size: 60px;
                        font-family: "Outfit", Arial, sans-serif;
                        line-height: 1.3;
                        font-weight: 700;
                        text-transform: uppercase;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985442948"] {
                            left: calc(50% - 480px + 23px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985442948"] {
                            top: 391px;
                            left: calc(50% - 320px + 160px);
                            width: 320px;
                            height: auto;
                        }
                        #rec913550734 .tn-elem[data-elem-id="1742985442948"] .tn-atom {
                            vertical-align: middle;
                            white-space: normal;
                            font-size: 28px;
                            background-size: cover;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985442948"] {
                            left: calc(50% - 240px + 80px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985442948"] {
                            left: calc(50% - 160px + 0px);
                            height: auto;
                        }
                    }
                    #rec913550734 .tn-elem[data-elem-id="1742985447229"] {
                        color: #ffffff;
                        text-align: center;
                        z-index: 7;
                        top: 515px;
                        left: calc(50% - 600px + 437px);
                        width: 325px;
                        height: auto;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1742985447229"] .tn-atom {
                        vertical-align: middle;
                        color: #ffffff;
                        font-size: 18px;
                        font-family: "Outfit", Arial, sans-serif;
                        line-height: 1.55;
                        font-weight: 400;
                        opacity: 0.8;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985447229"] {
                            left: calc(50% - 480px + 317px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985447229"] {
                            top: 509px;
                            left: calc(50% - 320px + 160px);
                            width: 320px;
                            height: auto;
                        }
                        #rec913550734 .tn-elem[data-elem-id="1742985447229"] .tn-atom {
                            vertical-align: middle;
                            white-space: normal;
                            background-size: cover;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985447229"] {
                            left: calc(50% - 240px + 80px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec913550734 .tn-elem[data-elem-id="1742985447229"] {
                            left: calc(50% - 160px + 0px);
                            height: auto;
                        }
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743075040975"] {
                        z-index: 8;
                        top: 585px;
                        left: calc(50% - 600px + 592px);
                        width: 15px;
                        height: auto;
                    }
                    #rec913550734 .tn-elem.t396__elem--anim-hidden[data-elem-id="1743075040975"] {
                        opacity: 0;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743075040975"] .tn-atom {
                        border-radius: 0px 0px 0px 0px;
                        opacity: 0.2;
                        background-position: center center;
                        border-color: transparent;
                        border-style: solid;
                    }
                    #rec913550734 .tn-elem[data-elem-id="1743075040975"] .tn-atom__img {
                        border-radius: 0px 0px 0px 0px;
                        object-position: center center;
                    }
                    @media screen and (max-width: 1199px) {
                        #rec913550734 .tn-elem[data-elem-id="1743075040975"] {
                            left: calc(50% - 480px + 472px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 959px) {
                        #rec913550734 .tn-elem[data-elem-id="1743075040975"] {
                            left: calc(50% - 320px + 313px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 639px) {
                        #rec913550734 .tn-elem[data-elem-id="1743075040975"] {
                            left: calc(50% - 240px + 233px);
                            height: auto;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        #rec913550734 .tn-elem[data-elem-id="1743075040975"] {
                            left: calc(50% - 160px + 153px);
                            height: auto;
                        }
                    }
                

/* Telegram header button (from files-brand5 css) */
.tg-btn {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  padding: 3px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #29b6f6 0%, #0088cc 100%);
  color: #fff;
  text-decoration: none;
  font-family: "Outfit", Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 136, 204, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.tg-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 136, 204, 0.45); }
.tg-btn svg { width: 40px; height: 40px; flex: 0 0 40px; margin-bottom: 5px; }
.tg-btn span { color: #fff; }
.tg-header-btn { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); z-index: 50; }
@media (max-width: 639px) {
  .tg-header-btn { right: 12px; }
  .tg-btn { padding: 5px 12px; font-size: 13px; }
  .tg-btn svg { width: 30px; height: 30px; flex: 0 0 30px; margin-bottom: 7px; }
}

/* Mobile H1 line-height for hero */
@media screen and (max-width: 640px) {
    .tn-elem__9135507341742985442948 h1 {
        line-height: 35px !important;
    }
}