/* Zumba z Karolina - style strony statycznej. Zrodla: arkusz Bricks (przyciety do uzytych selektorow), style strony z Bricks/Advanced Themer (1:1) i uzupelnienia. @author lukuro */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/montserrat-var-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/montserrat-var-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/poppins-400-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/poppins-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/poppins-500-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/poppins-500-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* --- Bricks frontend (przyciety) --- */ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15} body{margin:0} figure,main,nav,section{display:block} figure{margin:1em 40px} video{display:inline-block} img{border-style:none} button,input{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} [hidden]{display:none} .brxe-section{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%} @media (max-width:767px){.brxe-section{flex-wrap:wrap}} .brxe-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:1100px} @media (max-width:767px){.brxe-container{flex-wrap:wrap}} .brxe-block{align-items:flex-start;display:flex;flex-direction:column;width:100%} @media (max-width:767px){.brxe-block{flex-wrap:wrap}} [class*=brxe-]{max-width:100%} :where([class*=brxe-].has-shape>*){position:relative} svg:not([width]){min-width:1em} svg:not([height]){min-height:1em} span[class*=brxe-]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div){width:auto} html{font-size:62.5%} *,:after,:before,html{box-sizing:border-box} :after,:before{outline:none} *{border-color:var(--bricks-border-color)} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;background-color:#fff;background-position:50%;color:#363636;font-family:-apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:1.7;transition:var(--bricks-transition);transition:padding-top 0s} body.no-scroll{overflow:hidden} .brx-body{display:flex;flex-direction:column;margin:0 auto;width:100%} :where(a){border-color:currentcolor;color:currentcolor;cursor:pointer;text-decoration:none} h1,h2{margin:0;text-rendering:optimizelegibility} h1 a,h2 a{color:currentcolor} h1{font-size:2.4em} h1,h2{line-height:1.4} h2{font-size:2.1em} :where(p){margin:0 0 1.2em} :where(p:last-of-type){margin-bottom:0} :where(p:last-of-type)+h1,:where(p:last-of-type)+h2{margin-top:1.2em} img{height:auto;max-width:100%;outline:none;vertical-align:middle} iframe{max-width:100%} button{border:none;cursor:pointer;outline:none;padding:0} blockquote{border-left-style:solid;border-left-width:4px;font-family:georgia,Times New Roman,times,serif;font-size:1.3em;margin:15px 0;padding:0 0 0 30px;position:relative} label{color:var(--bricks-text-light);display:block;font-weight:400;margin-bottom:5px} button,input{font-family:inherit;text-align:inherit} input:not([type=submit]){border-style:solid;border-width:1px;box-shadow:none;color:currentcolor;font-size:inherit;line-height:40px;outline:none;padding:0 12px;transition:var(--bricks-transition);width:100%} input[type=range]{border:none;height:auto;line-height:1;padding:0} input[type=button],input[type=checkbox],input[type=radio]{width:auto} input[type=submit]{cursor:pointer} ::placeholder{color:var(--bricks-border-color)} .skip-link{background:#000;border-bottom-right-radius:8px;color:#fff;font-weight:700;left:0;padding:5px 10px;position:fixed;top:0;transform:translateY(-102%);transition:transform .3s;z-index:9999} .skip-link:focus{transform:translateY(0)} #brx-content{flex:1;position:relative;width:100%} .bricks-button{align-items:center;border-width:0;display:inline-flex;gap:10px;justify-content:center;letter-spacing:.5px;padding:.5em 1em;text-align:center} [data-brx-ls-wrapper]{transition:opacity .3s ease-in-out} [data-brx-ls-wrapper]:not(.brx-ls-active){display:none!important} figure{margin:1em 0;width:100%} .bricks-swiper-container{list-style:none;margin-left:auto;margin-right:auto;opacity:0;overflow:hidden;padding:0;position:relative;transition:opacity .1s ease-in .1s;z-index:1} .bricks-swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active){opacity:0} [class^=brxe-] .bricks-swiper-container{opacity:1!important} .swiper-wrapper{box-sizing:content-box;display:grid;grid-auto-flow:column;height:100%;max-height:inherit;min-height:inherit;position:relative;transition-property:transform;width:100%;z-index:1} .swiper-wrapper{transform:translateZ(0)} .swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%} .swiper-pagination{display:flex;flex-direction:row;position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10} .swiper-pagination-bullet{background-color:rgba(0,0,0,.33);border-radius:100%;cursor:pointer;display:inline-block;height:10px;line-height:0;margin:0 5px;padding:0;width:10px} .swiper-pagination-bullet-active{background-color:#000} :where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%} :where(.brxe-alert){align-items:center;border-color:currentcolor;display:flex;justify-content:space-between;padding:15px;width:100%} :where(.brxe-alert) .content{flex:1} :where(.brxe-alert) h1,:where(.brxe-alert) h2{color:inherit} :where(.brxe-alert) p{margin:0} :where(.brxe-alert) a{text-decoration:underline} :where(.brxe-alert) svg{cursor:pointer;height:1em} .brxe-button{width:auto} @keyframes blink{to{opacity:0}} :where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px} :where(.brxe-divider) .icon{flex-shrink:0;position:relative} :where(.brxe-divider) a{display:inline-flex} :where(.brxe-form){display:flex;flex-wrap:wrap;width:100%} :where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase} :where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%} :where(.brxe-form) .form-group:last-child{padding-bottom:0} :where(.brxe-form) .submit-button-wrapper{width:auto} :where(.brxe-form) button[type=submit].sending{cursor:default} :where(.brxe-form) button[type=submit].sending .text{opacity:.5} :where(.brxe-form) button[type=submit].sending>svg{display:none} :where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1} :where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)} :where(.brxe-form) button[type=submit] .loading{display:none} :where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center} :where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit} :where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0} :where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit} :where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px} :where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column} :where(.brxe-icon-box).right{flex-direction:row-reverse} :where(.brxe-icon-box).right .icon{margin-left:20px} :where(.brxe-icon-box) .icon{display:inline-flex} :where(.brxe-icon-box) .icon a{display:inline-flex} a.brxe-image{display:inline-block} figure.brxe-image{margin:0} :where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto} :where(.brxe-image):before{border-radius:inherit} :where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit} :where(.brxe-image) picture{border-radius:inherit;transition:inherit} :where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%} :where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5} :where(.brxe-filter-checkbox[data-mode=button]){display:flex;flex-wrap:wrap;gap:10px} :where(.brxe-filter-checkbox[data-mode=button]) .bricks-button{display:inline-block} :where(.brxe-filter-radio[data-mode=button]){display:flex;flex-wrap:wrap;gap:10px} :where(.brxe-list){list-style-type:none;margin:0;padding:0;width:100%} :where(.brxe-list) li{position:relative} :where(.brxe-list) li:last-child{margin-bottom:0} :where(.brxe-list) li[data-highlight]:before{content:attr(data-highlight);display:inline-block} :where(.brxe-list) .content{align-items:center;display:flex;justify-content:space-between} :where(.brxe-list) .icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center} :where(.brxe-list) .icon svg{font-size:medium} :where(.brxe-list) .title{display:inline-block;margin:0 10px 0 0} :where(.brxe-list) .meta{margin-left:10px} :where(.brxe-list) .description{display:flex} :where(.brxe-list) .separator{border-top-style:solid;border-top-width:1px;flex:1;flex-basis:50px} .brxe-map{height:300px;width:100%} .brxe-map>iframe{border:0} .brxe-map ul{list-style-type:none;margin:0;padding:0} :where(.brxe-nav-menu) ul{list-style-type:none;margin:0;padding:0} :where(.brxe-nav-menu) .bricks-nav-menu{display:flex;line-height:inherit;margin:0;padding:0} :where(.brxe-nav-menu) .bricks-nav-menu>li{margin:0 0 0 30px} :where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click]:before{display:none} :where(.brxe-nav-menu) .bricks-nav-menu li{position:relative} :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a{display:flex;width:100%} :where(.brxe-nav-menu) .bricks-nav-menu li[data-static]{flex-direction:column} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle{background-color:transparent;cursor:pointer;display:none;height:16px;min-width:12px;position:relative;width:20px} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span{min-width:12px;width:20px} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle span{background-color:currentcolor;display:block;height:2px;position:absolute;right:0;transition:var(--bricks-transition)} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top{min-width:12px;top:0;width:20px} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center{min-width:12px;top:7px;width:20px} :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom{min-width:12px;top:14px;width:20px} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle{min-width:20px;width:20px;z-index:1000} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top{top:50%;transform:rotate(45deg)} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-center{opacity:0} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom{top:50%;transform:rotate(-45deg)} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper{max-width:100vw;opacity:1!important;transform:translateX(0)!important;visibility:visible;z-index:999} .brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay{opacity:1;visibility:visible;z-index:998} .brxe-nav-menu .bricks-mobile-menu-wrapper{bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);left:0;position:fixed;right:auto;scrollbar-width:none;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:background-color,opacity,transform,visibility;visibility:hidden;width:300px;z-index:999} .brxe-nav-menu .bricks-mobile-menu-wrapper::-webkit-scrollbar{background:transparent;height:0;width:0} .brxe-nav-menu .bricks-mobile-menu-wrapper:before{background-color:#23282d;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1} .brxe-nav-menu .bricks-mobile-menu-wrapper.right{left:auto;right:0;transform:translateX(100%)} .brxe-nav-menu .bricks-mobile-menu-wrapper a{display:block;width:100%} .brxe-nav-menu .bricks-mobile-menu-wrapper li a{line-height:60px} .brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus{outline-offset:-1px} .brxe-nav-menu .bricks-mobile-menu{overflow-y:scroll;position:relative;scrollbar-width:none} .brxe-nav-menu .bricks-mobile-menu::-webkit-scrollbar{background:transparent;height:0;width:0} .brxe-nav-menu .bricks-mobile-menu>li>a{padding:0 30px} .brxe-nav-menu .bricks-mobile-menu-overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden;z-index:-1} body:has(.wp-lightbox-overlay) #brx-content{overflow:hidden} :where(.brxe-post-meta) a{color:currentcolor} :where(.brxe-pricing-tables){width:100%} :where(.brxe-pricing-tables) ul{list-style-type:none;margin:0;padding:0} :where(.brxe-progress-bar){display:grid;gap:20px;width:100%} :where(.brxe-progress-bar) label{cursor:inherit;display:flex;justify-content:space-between;margin-bottom:.5em} :where(.brxe-progress-bar) label>*{flex:1} :where(.brxe-search) button{align-items:center;background-color:transparent;cursor:pointer;display:flex;gap:.5em;height:40px;justify-content:center;width:60px} :where(.brxe-search) button svg:not([height]){height:inherit} :where(.brxe-sidebar){list-style-type:none;margin:0;padding:0} :where(.brxe-sidebar) a{color:inherit} :where(.brxe-slider){list-style-type:none;margin:0;min-width:0;padding:0;position:relative;width:100%} :where(.brxe-slider) .title{color:#fff;font-size:3em;margin:0} :where(.brxe-slider) .content{color:#fff;font-size:1.6em} :where(.brxe-slider) .content+.bricks-button{margin-top:1em} :where(.brxe-slider) .bricks-button{display:inline-flex} :where(.brxe-slider) .bricks-swiper-container{height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;width:inherit} :where(.brxe-slider) .swiper-slide{align-items:center;display:flex;justify-content:center;min-height:50vh;position:relative;text-align:center} :where(.brxe-slider) .image{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0} :where(.brxe-slider) .image:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1} .brxe-social-icons{display:flex;list-style-type:none;margin:0;padding:0} .brxe-social-icons li,.brxe-social-icons li a{align-items:center;display:flex;flex:1;gap:5px;justify-content:center} .brxe-social-icons span{align-items:center;display:inline-flex} :where(.brxe-svg){height:auto;width:auto} :where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto} :where(.brxe-tabs){display:flex;flex-direction:column;width:100%} :where(.brxe-team-members){display:grid;gap:20px;grid-auto-flow:column;list-style-type:none;margin:0;padding:0;width:100%} @media (max-width:478px){:where(.brxe-team-members){grid-auto-flow:unset;grid-template-columns:repeat(2,1fr)}} :where(.brxe-team-members) .image{align-self:center;background-position:50%;background-size:cover;width:100%} :where(.brxe-team-members) .image:before{content:"";display:block;padding-top:100%} :where(.brxe-team-members) .content{flex:1;padding-top:15px} :where(.brxe-team-members) .title{margin-bottom:.2em} :where(.brxe-testimonials){position:relative} :where(.brxe-testimonials) .testimonial-meta-wrapper{align-items:center;display:inline-flex;letter-spacing:.5px;margin-top:15px} :where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-left{flex-direction:row} :where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-left .image{margin-right:15px} :where(.brxe-testimonials) .image{background-position:50%;background-size:cover;display:inline-block;height:60px;position:relative;width:60px} :where(.brxe-testimonials) .repeater-item{display:flex;flex-direction:column} :where(.brxe-testimonials) .testimonial-name{font-weight:700} :where(.brxe-testimonials) .testimonial-content-wrapper{all:unset} :where(.brxe-video){align-items:center;display:flex;justify-content:center;overflow:hidden;padding-top:56.25%;position:relative;width:100%} :where(.brxe-video) iframe,:where(.brxe-video) video{border:none;height:100%;position:absolute;top:0;width:100%} :where(.brxe-video) video{object-fit:cover} .bricks-video-overlay-icon{color:#fff;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2} @keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}} .bricks-background-primary{background-color:var(--bricks-color-primary)} /* --- Style strony z Bricks (1:1) --- */ :root,.brxc-light-colors, html[data-theme="dark"] .brxc-reversed-colors, html[data-theme="light"] .brxc-initial-colors{--1:hsla(338, 100%, 86.1%, 1);--1-h:338;--1-s: 100%;--1-l: 86.1%;--1-l-1:hsla(338.1,100%,87.65%,1);--1-l-2:hsla(338.18,100%,89.22%,1);--1-l-3:hsla(337.5,100%,90.59%,1);--1-l-4:hsla(337.5,100%,92.16%,1);--1-l-5:hsla(337.5,100%,93.73%,1);--1-l-6:hsla(338.4,100%,95.1%,1);--1-l-7:hsla(338.82,100%,96.67%,1);--1-l-8:hsla(336,100%,98.04%,1);--1-d-1:hsla(337.85,50.39%,74.71%,1);--1-d-2:hsla(337.63,31.89%,63.73%,1);--1-d-3:hsla(338.49,22.18%,53.14%,1);--1-d-4:hsla(338.3,21.46%,42.94%,1);--1-d-5:hsla(338.57,25%,32.94%,1);--1-d-6:hsla(338.33,30%,23.53%,1);--1-d-7:hsla(338.71,41.33%,14.71%,1);--1-d-8:hsla(339.23,100%,5.1%,1);--1-t-1:hsla(338.03,100%,86.08%,0.88);--1-t-2:hsla(338.03,100%,86.08%,0.76);--1-t-3:hsla(338.03,100%,86.08%,0.64);--1-t-4:hsla(338.03,100%,86.08%,0.53);--1-t-5:hsla(338.03,100%,86.08%,0.41);--1-t-6:hsla(338.03,100%,86.08%,0.29);--1-t-7:hsla(338.03,100%,86.08%,0.17);--1-t-8:hsla(338.03,100%,86.08%,0.05);--2:hsla(20, 100%, 90.6%, 1);--2-h:20;--2-s: 100%;--2-l: 90.6%;--2-l-1:hsla(19.53,100%,91.57%,1);--2-l-2:hsla(18.95,100%,92.55%,1);--2-l-3:hsla(19.41,100%,93.33%,1);--2-l-4:hsla(20.69,100%,94.31%,1);--2-l-5:hsla(20,100%,95.29%,1);--2-l-6:hsla(18.95,100%,96.27%,1);--2-l-7:hsla(20,100%,97.06%,1);--2-l-8:hsla(18,100%,98.04%,1);--2-d-1:hsla(20,41.28%,78.63%,1);--2-d-2:hsla(20,24.71%,66.67%,1);--2-d-3:hsla(20,17.18%,55.49%,1);--2-d-4:hsla(21.67,15.93%,44.31%,1);--2-d-5:hsla(20,19.08%,33.92%,1);--2-d-6:hsla(19.35,25.2%,24.12%,1);--2-d-7:hsla(21.43,37.84%,14.51%,1);--2-d-8:hsla(20.77,100%,5.1%,1);--2-t-1:hsla(20,100%,90.59%,0.88);--2-t-2:hsla(20,100%,90.59%,0.76);--2-t-3:hsla(20,100%,90.59%,0.64);--2-t-4:hsla(20,100%,90.59%,0.53);--2-t-5:hsla(20,100%,90.59%,0.41);--2-t-6:hsla(20,100%,90.59%,0.29);--2-t-7:hsla(20,100%,90.59%,0.17);--2-t-8:hsla(20,100%,90.59%,0.05);--ink:hsla(20, 2%, 16%, 1);--ink-h:20;--ink-s: 2%;--ink-l: 16%;--ink-l-1:hsla(30,1.41%,27.84%,1);--ink-l-2:hsla(60,0.48%,40.59%,1);--ink-l-3:hsla(60,0.43%,53.92%,1);--ink-l-4:hsla(0,0%,68.24%,1);--ink-l-5:hsla(0,0%,82.75%,1);--ink-l-6:hsla(0,0%,98.04%,1);--white:#ffffff;} html {scroll-behavior: smooth}:root {--gap-2xs: clamp(calc(1rem * (4 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((4 - 4) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (4 / var(--base-font)))) + (((4 - 4) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (4 / var(--base-font))));;--gap-xs: clamp(calc(1rem * (8 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((8 - 8) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (8 / var(--base-font)))) + (((8 - 8) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (8 / var(--base-font))));;--gap-s: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((16 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((16 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (16 / var(--base-font))));;--gap-m: clamp(calc(1rem * (24 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((24 - 24) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (24 / var(--base-font)))) + (((24 - 24) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (24 / var(--base-font))));;--gap-l: clamp(calc(1rem * (32 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((32 - 32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (32 / var(--base-font)))) + (((32 - 32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (32 / var(--base-font))));;--gap-xl: clamp(calc(1rem * (48 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((48 - 48) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (48 / var(--base-font)))) + (((48 - 48) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (48 / var(--base-font))));;--gap-2xl: clamp(calc(1rem * (64 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((64 - 64) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (64 / var(--base-font)))) + (((64 - 64) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (64 / var(--base-font))));;--gap-3xl: clamp(calc(1rem * (96 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((96 - 96) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (96 / var(--base-font)))) + (((96 - 96) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (96 / var(--base-font))));;--title-1: clamp(calc(1rem * (46 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((96 - 46) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (46 / var(--base-font)))) + (((96 - 46) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (96 / var(--base-font))));;--title-2: clamp(calc(1rem * (37 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((76 - 37) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (37 / var(--base-font)))) + (((76 - 37) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (76 / var(--base-font))));;--title-3: clamp(calc(1rem * (29 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((57 - 29) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (29 / var(--base-font)))) + (((57 - 29) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (57 / var(--base-font))));;--title-4: clamp(calc(1rem * (23 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((43 - 23) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (23 / var(--base-font)))) + (((43 - 23) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (43 / var(--base-font))));;--title-5: clamp(calc(1rem * (19 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((32 - 19) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (19 / var(--base-font)))) + (((32 - 19) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (32 / var(--base-font))));;--title-6: clamp(calc(1rem * (18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((24 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (18 / var(--base-font)))) + (((24 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (24 / var(--base-font))));;--font-m: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((18 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));;--radius-img: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((32 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((32 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (32 / var(--base-font))));;--radius-card: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((32 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((32 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (32 / var(--base-font))));;--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;} .brxe-section {padding-right: var(--gap-xl); padding-left: var(--gap-xl)} .brxe-container {width: 1280px} body {font-family: "Poppins"} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"} .bricks-button {font-family: "Montserrat"}@media (max-width: 478px) { .brxe-section {padding-right: var(--gap-m); padding-left: var(--gap-m)}}.text-m.brxe-text-basic {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6}@media (max-width: 767px) {.text-m.brxe-text-basic {width: 100%}}.text-m.brxe-text {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6}.text-m.brxe-text a {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6; font-size: inherit}@media (max-width: 767px) {.text-m.brxe-text {width: 100%}}.title-6.brxe-text-basic {font-size: var(--title-6); line-height: 1.4; letter-spacing: -0.2px; color: var(--2-d-7); font-weight: 500; font-family: "Montserrat"}.pad-sec.brxe-container {padding-top: var(--gap-xl); padding-bottom: var(--gap-xl)}@media (max-width: 991px) {.pad-sec.brxe-container {column-gap: 0px}}.title-3.brxe-heading {font-size: var(--title-3); line-height: 1.2; letter-spacing: -1.2px; color: #4d382e; font-family: "Montserrat"; font-weight: 500; margin-left: -2px}.class-list.brxe-list {color: var(--2-d-6); font-size: var(--font-m); font-family: "Montserrat"; font-weight: 500; margin-top: var(--gap-xs)}.class-list.brxe-list li {padding-top: var(--gap-2xs); padding-bottom: var(--gap-2xs)}.class-list.brxe-list .separator {border-top-color: var(--2-l-1); border-top-style: dotted; flex-basis: 100%; flex-grow: 0; border-top-width: 2px; display: none}.class-list.brxe-list .description {color: var(--2-d-2); font-size: 14px; font-family: "Poppins"; font-weight: 400}.class-list {border-top: 1px solid var(--ink-l-5);} .class-list li {border-bottom: 1px solid var(--ink-l-5);}@media (max-width: 767px) {.class-list.brxe-list {margin-top: 0}}.btn--primary { padding: 0 20px 0 0; background-color: var(--1); border-radius: 1000px;font-size: var(--font-m); letter-spacing: 0; font-weight: 500; color: var(--2-d-6); gap: 0; margin-left: 30px;} .btn--primary svg { background-color: var(--2); border-radius: 100%; padding: 14px; border-radius: 1000px; margin-right: 0; display: inline-block; width: 50px; height: 50px; z-index: 2; margin-right: -12px; border: 1px solid white;transform: rotate(-45deg); transition: all 0.5s ease; margin: 0 10px 0 -30px} .btn--primary:hover svg {transform: rotate(0deg);}.class-list--dark.brxe-list {color: var(--2-d-6); font-size: var(--font-m); font-family: "Montserrat"; font-weight: 500; margin-top: var(--gap-xs)}.class-list--dark.brxe-list li {padding-top: var(--gap-2xs); padding-bottom: var(--gap-2xs)}.class-list--dark.brxe-list .separator {border-top-color: var(--2-l-1); border-top-style: dotted; flex-basis: 100%; flex-grow: 0; border-top-width: 2px; display: none}.class-list--dark.brxe-list .description {color: var(--2-d-5); font-size: 14px; font-family: "Poppins"; font-weight: 400}.class-list--dark {border-top: 1px solid var(--1-l-5);} .class-list--dark li {border-bottom: 1px solid var(--1-l-5);}@media (max-width: 767px) {.class-list--dark.brxe-list {margin-top: 0}} html {background-color: var(--2-l-8)} body {background: none}#brxe-ihbxpz {position: absolute; right: 55vw; bottom: 200px}@media (max-width: 767px) {#brxe-ihbxpz {display: none}}#brxe-kwovbl {height: 50px; display: flex; width: 50px}#brxe-kwovbl:not(.tag), #brxe-kwovbl img {object-fit: contain}@media (max-width: 767px) {#brxe-kwovbl {width: 40px; height: 40px}}@media (max-width: 767px) {#brxe-lyopyt .bricks-nav-menu-wrapper { display: none; }#brxe-lyopyt .bricks-mobile-menu-toggle { display: block; }}#brxe-lyopyt {letter-spacing: -0.6px; text-transform: lowercase; font-weight: 500; font-family: "Montserrat"; font-size: var(--font-m); color: var(--2-d-7)}#brxe-lyopyt .bricks-nav-menu > li:hover > a {color: var(--1-d-5)}#brxe-lyopyt .bricks-nav-menu > li:hover > .brx-submenu-toggle > * {color: var(--1-d-5)}#brxe-lyopyt .bricks-mobile-menu-wrapper:before {background-color: rgba(0, 0, 0, 0)}#brxe-lyopyt .bricks-mobile-menu {margin-top: var(--gap-2xl);}#brxe-lyopyt .bricks-mobile-menu-wrapper:before { background-image: linear-gradient(65deg, var(--2) 40%, var(--1-l-3));}@media (max-width: 991px) {#brxe-lyopyt .bricks-nav-menu > li {margin-left: 20px}}@media (max-width: 767px) {#brxe-lyopyt .bricks-mobile-menu-wrapper {justify-content: flex-start}#brxe-lyopyt .bricks-mobile-menu-wrapper:before {background-color: rgba(0, 0, 0, 0)}#brxe-lyopyt .bricks-mobile-menu > li > a {color: var(--1-d-7); font-size: var(--title-6); padding-right: var(--gap-l); padding-left: var(--gap-l)}#brxe-lyopyt .bricks-mobile-menu > li > .brx-submenu-toggle > * {color: var(--1-d-7); font-size: var(--title-6); padding-right: var(--gap-l); padding-left: var(--gap-l)}#brxe-lyopyt .bricks-mobile-menu-toggle {color: var(--1-d-6)}}#brxe-raudyr {flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center}#brxe-yxwrjr {font-size: var(--title-2); line-height: 1.2; letter-spacing: -3px; color: #4d382e; font-family: "Montserrat"; font-weight: 500; margin-left: -1px}.button-cs { display: inline-flex; align-items: center; vertical-align: middle;line-height: 1;} .button-icon { background-color: var(--2); border-radius: 100%; padding: 14px; border-radius: 1000px; margin-right: 0; display: inline-block; width: 50px; height: 50px; z-index: 2; margin-right: -12px; border: 1px solid white;transform: rotate(-45deg); transition: all 0.5s ease;} .button-cs:hover .button-icon {transform: rotate(0deg);} .button-text { padding: 16px 20px 16px 20px; background-color: var(--1); border-radius: 1000px;font-size: var(--font-m); letter-spacing: 0;}#brxe-zigvxr {width: 400px}#brxe-mrpulm:not(.tag), #brxe-mrpulm img {object-fit: cover; object-position: center bottom}#brxe-mrpulm {height: 80vh; width: 100%}@media (max-width: 767px) {#brxe-mrpulm {height: 400px}#brxe-mrpulm:not(.tag), #brxe-mrpulm img {object-position: center top}}#brxe-kzplpb {border-radius: 32px; background-image: linear-gradient(65deg, var(--2) 40%, var(--1)); justify-content: flex-end}#brxe-kzplpb {display: none;}@media (max-width: 767px) {#brxe-kzplpb {display: block;}}#brxe-lxckrv {row-gap: var(--gap-m)}#brxe-ohdtzn {color: var(--ink-l-6); fill: var(--ink-l-6)}#brxe-tufopr {background-size: cover; border-radius: var(--radius-img); justify-content: center; align-items: center; height: 120px}@media (max-width: 478px) {#brxe-tufopr {height: 40vw; min-height: 180px}}#brxe-rumilu {row-gap: var(--gap-s); width: 35%; align-self: flex-start !important}@media (max-width: 991px) {#brxe-rumilu {width: 240px}}@media (max-width: 767px) {#brxe-rumilu {grid-row: unset; grid-column: unset; width: 50%}}@media (max-width: 478px) {#brxe-rumilu {width: 100%}}#brxe-ugpgky {font-size: var(--font-m); font-family: "Poppins"; font-weight: 400}#brxe-ugpgky li {padding-top: var(--gap-2xs); padding-bottom: var(--gap-2xs)}#brxe-ugpgky .separator {border-top-color: var(--2-l-1); border-top-style: dotted; flex-basis: 100%; flex-grow: 0; border-top-width: 2px; display: none}#brxe-ugpgky .meta {color: var(--2-d-2); font-size: var(--font-m)}#brxe-ugpgky .description {color: var(--2-d-2)}#brxe-ugpgky .title {color: var(--2-d-6)}#brxe-ugpgky {border-top: 1px solid var(--ink-l-5);}#brxe-ugpgky li {border-bottom: 1px solid var(--ink-l-5);}#brxe-dtedgm {row-gap: var(--gap-s); width: 65%; align-self: flex-start !important}@media (max-width: 991px) {#brxe-dtedgm {width: 240px}}@media (max-width: 767px) {#brxe-dtedgm {grid-row: unset; grid-column: unset; width: 50%}}@media (max-width: 478px) {#brxe-dtedgm {width: 100%}}#brxe-kbjjwa {flex-direction: row; column-gap: var(--gap-xl); justify-content: space-between; z-index: 1; padding-right: var(--gap-xl)}@media (max-width: 991px) {#brxe-kbjjwa {position: static; width: 100%; flex-direction: column; row-gap: var(--gap-m)}}@media (max-width: 767px) {#brxe-kbjjwa {flex-direction: row-reverse; padding-right: 0; display: flex; flex-wrap: nowrap}}@media (max-width: 478px) {#brxe-kbjjwa {flex-direction: column-reverse; row-gap: var(--gap-m)}}#brxe-iyquxi {position: absolute; right: -1px; bottom: 128px; width: 70px}@media (max-width: 767px) {#brxe-iyquxi {display: none}}#brxe-frkzca {padding-top: var(--gap-s); padding-right: var(--gap-l); padding-bottom: var(--gap-s); position: relative; align-self: stretch !important; width: 100%; row-gap: var(--gap-xl); column-gap: var(--gap-m); justify-content: space-between}@media (max-width: 767px) {#brxe-frkzca {padding-top: 0; padding-right: 0; padding-bottom: 0; width: 100%}}@media (max-width: 478px) {#brxe-frkzca {row-gap: var(--gap-m)}}#brxe-cicqea:not(.tag), #brxe-cicqea img {object-fit: cover; object-position: center bottom}#brxe-cicqea {height: 80vh; width: 100%; min-height: 700px}@media (max-width: 991px) {#brxe-cicqea {height: 90vh}}@media (max-width: 767px) {#brxe-cicqea {height: 400px}#brxe-cicqea:not(.tag), #brxe-cicqea img {object-position: center top}}#brxe-itcmss {border-radius: 32px; background-image: linear-gradient(65deg, var(--2) 40%, var(--1)); justify-content: flex-end}@media (max-width: 767px) {#brxe-itcmss { display: none;}#brxe-itcmss {width: 100%}}#brxe-mlykro {flex-direction: row; justify-content: space-between; padding-top: var(--gap-m); padding-bottom: var(--gap-xl); min-height: 80vh}@media (max-width: 991px) {#brxe-mlykro {height: auto}}@media (max-width: 767px) {#brxe-mlykro {flex-wrap: nowrap; flex-direction: column; row-gap: var(--gap-xl); padding-top: var(--gap-s)}}#hero {position: relative; background-color: var(--2-l-8); overflow: hidden}#brxe-sryscj {height: 100%; width: 100%}#brxe-sryscj:not(.tag), #brxe-sryscj img {object-fit: cover}#brxe-smywnv {height: 30vh; border-radius: var(--radius-img); overflow: hidden; min-height: 360px}@media (max-width: 767px) {#brxe-smywnv {width: 100%; height: 300px}}@media (max-width: 478px) {#brxe-smywnv {height: 240px}}#brxe-nuiqxy {position: relative; row-gap: var(--gap-m); column-gap: var(--gap-m); align-self: center !important; width: 50%}@media (max-width: 767px) {#brxe-nuiqxy {padding-right: 0; width: 100%}}#brxe-noobir {width: 500px}#brxe-gdamve {column-gap: var(--gap-m); justify-content: center; padding-top: var(--gap-m); padding-bottom: var(--gap-m); padding-left: var(--gap-xl); position: relative; row-gap: var(--gap-m); width: 50%; align-self: center !important}@media (max-width: 991px) {#brxe-gdamve {padding-top: 0; padding-bottom: 0}}@media (max-width: 767px) {#brxe-gdamve {padding-right: 0; padding-left: 0; width: 100%}}#brxe-jguhvr {flex-direction: row; justify-content: space-between; column-gap: var(--gap-xl)}@media (max-width: 991px) {#brxe-jguhvr {column-gap: 0px}}@media (max-width: 767px) {#brxe-jguhvr {flex-wrap: nowrap; flex-direction: column-reverse; row-gap: var(--gap-m)}}#brxe-hzinwg {position: relative; overflow: hidden}#brxe-adgecn {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6; width: 400px}#brxe-adgecn a {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6; font-size: inherit}@media (max-width: 767px) {#brxe-adgecn {width: 100%}}#brxe-qqjdmo {position: relative; row-gap: var(--gap-m); column-gap: var(--gap-m); width: 50%}@media (max-width: 767px) {#brxe-qqjdmo {padding-right: 0; width: 100%}}#brxe-abcclm {position: relative; row-gap: var(--gap-xl); column-gap: var(--gap-xl); width: 50%; padding-left: var(--gap-xl)}@media (max-width: 767px) {#brxe-abcclm {padding-right: 0; padding-left: 0; width: 100%; row-gap: var(--gap-m)}}#brxe-oxgxrc {flex-direction: row; justify-content: space-between; column-gap: var(--gap-xl)}@media (max-width: 767px) {#brxe-oxgxrc {flex-wrap: nowrap; flex-direction: column; row-gap: var(--gap-m)}}#brxe-apnuvl .bricks-video-overlay {background-color: rgba(26, 0, 8, 0)}#brxe-apnuvl .bricks-video-overlay-icon {font-size: 120px; color: var(--1-l-6)}@media (max-width: 991px) {#brxe-apnuvl .bricks-video-overlay-icon {font-size: 84px}}@media (max-width: 767px) {#brxe-apnuvl .bricks-video-overlay-icon {font-size: 72px}}@media (max-width: 478px) {#brxe-apnuvl .bricks-video-overlay-icon {font-size: 64px}}#brxe-ezlcot {border-radius: var(--radius-img); overflow: hidden; margin-top: var(--gap-xl)}@media (max-width: 991px) {#brxe-ezlcot {margin-top: 0}}#zajecia {position: relative; overflow: hidden; padding-bottom: var(--gap-xl)}#brxe-adqugg {border-bottom-right-radius: var(--radius-img); border-bottom-left-radius: var(--radius-img)}#brxe-adqugg:not(.tag), #brxe-adqugg img {object-fit: cover}#brxe-adqugg {width: 100%; height: 100%;}@media (max-width: 767px) {#brxe-adqugg:not(.tag), #brxe-adqugg img {object-position: center top}}#brxe-tujngv {border-radius: 10000px; background-image: linear-gradient(65deg, var(--2) 40%, var(--1)); overflow: hidden; justify-content: center; width: 500px; height: 500px}@media (max-width: 767px) {#brxe-tujngv {width: 420px; height: 420px}}@media (max-width: 478px) {#brxe-tujngv {width: 360px; height: 360px}}#brxe-loldsb {column-gap: var(--gap-m); position: relative; row-gap: var(--gap-m); width: 50%; align-items: center}@media (max-width: 767px) {#brxe-loldsb {width: 100%}}#brxe-gghygw {width: 50%; position: relative; row-gap: var(--gap-m); column-gap: var(--gap-m); align-self: stretch !important; width: 100%; justify-content: center; padding-top: var(--gap-m); padding-right: var(--gap-xl); padding-bottom: var(--gap-m)}@media (max-width: 991px) {#brxe-gghygw {padding-top: 0; padding-bottom: 0}}@media (max-width: 767px) {#brxe-gghygw {width: 100%; padding-right: 0; padding-left: 0}}#brxe-lsbkdl {column-gap: var(--gap-xl); flex-direction: row-reverse; justify-content: space-between}@media (max-width: 767px) {#brxe-lsbkdl {row-gap: var(--gap-m); flex-direction: column-reverse}}@media (max-width: 478px) {#brxe-lsbkdl {row-gap: var(--gap-m)}}#instruktor {position: relative; overflow: hidden}#brxe-uzimll {padding-bottom: 60px}#brxe-uzimll .image {border-radius: 1000px; width: 64px; height: 64px}#brxe-uzimll .swiper-pagination-bullet {background-color: var(--1-t-3); color: var(--1-t-3); height: 12px; width: 12px; margin-right: var(--gap-2xs); margin-left: var(--gap-2xs)}#brxe-uzimll .swiper-pagination-bullet-active {background-color: var(--1-d-1); color: var(--1-d-1)}#brxe-uzimll .testimonial-content-wrapper {color: var(--2-d-5); font-size: var(--font-m); font-family: "Poppins"; font-weight: 400; line-height: 1.6}#brxe-uzimll .testimonial-name {font-size: var(--font-m); color: var(--1-d-5); font-family: "Montserrat"; font-weight: 500; line-height: 1.2; letter-spacing: -0.6px}#brxe-uzimll .bricks-swiper-container + .swiper-pagination-bullets {bottom: 0px}#brxe-knndck {column-gap: var(--gap-xl); flex-direction: column; justify-content: space-between; row-gap: var(--gap-xl)}#brxe-knndck::before { background-image: radial-gradient(circle farthest-corner at bottom center, var(--1-l-6) 20%, var(--2-l-6) 100%); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1;}#brxe-knndck {border-radius: var(--radius-card); overflow: hidden; position: relative; padding: var(--gap-2xl);}@media (max-width: 767px) {#brxe-knndck {flex-direction: column; row-gap: var(--gap-m); flex-wrap: nowrap; padding-right: var(--gap-xl); padding-left: var(--gap-xl)}}@media (max-width: 478px) {#brxe-knndck {padding-top: var(--gap-xl); padding-right: var(--gap-m); padding-bottom: var(--gap-xl); padding-left: var(--gap-m)}}#opinie {overflow: hidden; padding-top: var(--gap-xl)}@media (max-width: 767px) {#opinie {padding-right: 0; padding-bottom: var(--gap-xl); padding-left: 0}}#brxe-eahaoh {flex-direction: column}#brxe-eahaoh li.has-link a, #brxe-eahaoh li.no-link {justify-content: flex-start}#brxe-eahaoh { gap: var(--gap-xs)}#brxe-eahaoh a { transition: 300ms; gap: 12px; font-size: var(--font-m); color: var(--2-d-5);}#brxe-eahaoh .icon {color: var(--1-d-1);}#brxe-eahaoh a:hover {color: var(--1-d-1);}#brxe-jnaeck {position: relative; row-gap: var(--gap-m); column-gap: var(--gap-m); padding-right: var(--gap-xl); width: 50%}@media (max-width: 991px) {#brxe-jnaeck {padding-top: 0; padding-bottom: 0}}@media (max-width: 767px) {#brxe-jnaeck {padding-right: 0; padding-left: 0; width: 100%}}#brxe-dlrbyv ::placeholder {font-size: var(--font-m); color: var(--1-d-4); font-weight: 500}#brxe-dlrbyv select {font-size: var(--font-m); color: var(--1-d-4); font-weight: 500; padding-top: 4px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; background-color: var(--1-l-4); border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv .form-group input {font-size: var(--font-m); padding-top: 4px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; background-color: var(--1-l-4); border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv textarea {font-size: var(--font-m); padding-top: 4px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; background-color: var(--1-l-4); border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv .flatpickr {padding-top: 4px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; background-color: var(--1-l-4); border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv .bricks-button:not([type=submit]) {border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv .choose-files {border-color: var(--1-l-7); border-radius: 10px}#brxe-dlrbyv .bricks-button { display: inline-flex; align-items: center; vertical-align: middle;line-height: 1; gap: 0; padding: 0; background: transparent; margin-top: calc(.5 * var(--gap-m));}#brxe-dlrbyv .bricks-button svg { background-color: var(--2); border-radius: 100%; padding: 14px; border-radius: 1000px; margin-right: 0; display: inline-block; width: 50px; height: 50px; z-index: 2; margin-right: -12px; border: 1px solid white;transform: rotate(-45deg); transition: all 0.5s ease;}#brxe-dlrbyv .bricks-button:hover svg {transform: rotate(0deg);}#brxe-dlrbyv .bricks-button .text { padding: 16px 20px 16px 20px; background-color: var(--1); border-radius: 1000px; font-size: var(--font-m); letter-spacing: 0; font-weight: 500; color: var(--2-d-6);}#brxe-dlrbyv .form-info { color: var(--2-d-6);}#brxe-ewyvqh {row-gap: var(--gap-m); position: relative; column-gap: var(--gap-m); width: 50%; align-items: center; background-color: var(--1-l-6); padding-top: var(--gap-xl); padding-right: var(--gap-xl); padding-bottom: var(--gap-xl); padding-left: var(--gap-xl); border-radius: var(--radius-card)}@media (max-width: 767px) {#brxe-ewyvqh {width: 100%}}#brxe-myhtdk {column-gap: var(--gap-xl); flex-direction: row; justify-content: space-between; margin-top: var(--gap-2xl); margin-bottom: var(--gap-2xl)}@media (max-width: 767px) {#brxe-myhtdk {flex-direction: column; row-gap: var(--gap-xl); margin-top: 0; margin-bottom: 0}}@media (max-width: 478px) {#brxe-myhtdk {row-gap: var(--gap-m)}}#zapisz-sie {position: relative; overflow: hidden}#brxe-nqisvy {row-gap: var(--gap-m); padding-top: var(--gap-2xl); padding-right: var(--gap-2xl); padding-bottom: 0; padding-left: var(--gap-2xl)}@media (max-width: 767px) {#brxe-nqisvy {padding-right: var(--gap-xl); padding-left: var(--gap-xl)}}@media (max-width: 478px) {#brxe-nqisvy {padding-right: var(--gap-m); padding-left: var(--gap-m)}}#brxe-nowgus {height: 360px}#brxe-qkwxkm {grid-row: unset; grid-column: unset}#brxe-qkwxkm {overflow: hidden; border-radius: var(--radius-card);}#brxe-drtyff {background-image: radial-gradient(circle farthest-corner at center, var(--1-l-4) 40%, var(--2-l-4) 100%); grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; row-gap: var(--gap-xl)}#brxe-drtyff {border-radius: var(--radius-card); overflow: hidden; position: relative;}@media (max-width: 767px) {#brxe-qbmswa {padding-right: 0; padding-left: 0}}#brxe-lwqfry svg {fill: var(--1-d-5); height: 18px; width: 18px}#brxe-lwqfry {gap: 0px; background-image: radial-gradient( at bottom right, var(--1), var(--2)); border: 2px solid var(--1-l-7); border-radius: 1000%; padding-top: var(--gap-s); padding-right: var(--gap-s); padding-bottom: var(--gap-s); padding-left: var(--gap-s); transform: rotateZ(-90deg); position: fixed; right: var(--gap-m); bottom: var(--gap-m)}#brxe-lwqfry:hover {position: fixed; bottom: var(--gap-m); right: var(--gap-m)} /* === Uzupelnienia strony statycznej (zamiast skryptow Bricksa i Swipera) === */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .skip-link { position: absolute; left: 8px; top: -100px; z-index: 10000; padding: 8px 16px; background: var(--white); color: var(--2-d-7); border-radius: 8px; } .skip-link:focus { top: 8px; } :focus-visible { outline: 2px solid var(--1-d-4); outline-offset: 3px; } /* Przycisk "opinie" pod naglowkiem (dawniej wewnatrz H1) */ #brxe-lxckrv .button-cs { align-self: flex-start; font-family: "Montserrat"; font-weight: 500; color: var(--2-d-6); text-decoration: none; margin-top: calc(-0.5 * var(--gap-m)); } #brxe-lxckrv .button-cs .button-text { line-height: 1; } #brxe-tufopr { background-image: url(/assets/img/poczuj-rytm.webp); background-position: center; } #brxe-ohdtzn { width: 40px; height: 40px; } /* Wideo: wlasny odtwarzacz w kolorach strony (plik ladowany dopiero po kliknieciu) */ #brxe-apnuvl { position: relative; aspect-ratio: 16 / 9; background: var(--2-d-7); } #brxe-apnuvl video { display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; } .wideo-start { position: absolute; left: 50%; top: 50%; width: clamp(72px, 9vw, 112px); height: clamp(72px, 9vw, 112px); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; padding: 0; border: 3px solid rgba(255, 255, 255, .85); border-radius: 50%; background: radial-gradient(at bottom right, var(--1), var(--2)); color: var(--2-d-7); cursor: pointer; box-shadow: 0 10px 30px rgba(77, 56, 46, .35); transition: transform .3s ease, box-shadow .3s ease; } .wideo-start svg { width: 46%; height: 46%; } .wideo-start:hover, .wideo-start:focus-visible { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 14px 40px rgba(77, 56, 46, .45); } .wideo.gra .wideo-start { display: none; } .wideo-pasek { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 12px; padding: 28px 18px 14px; background: linear-gradient(to top, rgba(26, 0, 8, .6), rgba(26, 0, 8, 0)); color: var(--white); transition: opacity .35s ease; } .wideo-pasek[hidden] { display: none; } .wideo.spoczynek .wideo-pasek { opacity: 0; } .wideo.spoczynek video { cursor: none; } .wideo-przycisk { flex: 0 0 auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: var(--white); cursor: pointer; transition: background-color .2s ease; } .wideo-przycisk:hover, .wideo-przycisk:focus-visible { background: var(--1); color: var(--2-d-7); } .wideo-przycisk svg { width: 100%; height: 100%; } .wideo .ik-graj, .wideo.pauza .ik-pauza, .wideo .ik-cisza, .wideo.wyciszone .ik-glos { display: none; } .wideo.pauza .ik-graj, .wideo.wyciszone .ik-cisza { display: block; } .wideo-postep { flex: 1 1 auto; min-width: 60px; height: 24px; margin: 0; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; --p: 0%; } .wideo-postep::-webkit-slider-runnable-track { height: 6px; border-radius: 6px; background: linear-gradient(to right, var(--1) var(--p), rgba(255, 255, 255, .35) var(--p)); } .wideo-postep::-moz-range-track { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .35); } .wideo-postep::-moz-range-progress { height: 6px; border-radius: 6px; background: var(--1); } .wideo-postep::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; margin-top: -5px; border: 2px solid var(--white); border-radius: 50%; background: var(--1-d-1); } .wideo-postep::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid var(--white); border-radius: 50%; background: var(--1-d-1); } .wideo-czas { flex: 0 0 auto; font-family: "Poppins"; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; } @media (max-width: 478px) { .wideo-pasek { gap: 8px; padding: 22px 10px 10px; } .wideo-czas { display: none; } .wideo-przycisk { width: 36px; height: 36px; } } @media (prefers-reduced-motion: no-preference) { .wideo-start::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); animation: puls 2.2s ease-out infinite; } } @keyframes puls { from { transform: scale(1); opacity: .9; } to { transform: scale(1.45); opacity: 0; } } /* Opinie: wlasna karuzela (scroll-snap + autoplay w main.js) */ #brxe-uzimll { position: relative; width: 100%; } #brxe-uzimll .bricks-swiper-container { overflow: hidden; } #brxe-uzimll .swiper-wrapper { display: flex; align-items: flex-start; gap: 128px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; } #brxe-uzimll .swiper-wrapper::-webkit-scrollbar { display: none; } #brxe-uzimll .swiper-slide { flex: 0 0 100%; scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--gap-m); } @media (min-width: 1141px) { #brxe-uzimll .swiper-slide { flex-basis: calc((100% - 128px) / 2); } } @media (max-width: 767px) { #brxe-uzimll .swiper-wrapper { gap: 48px; } } #brxe-uzimll .testimonial-content-wrapper { margin: 0; quotes: none; } #brxe-uzimll .testimonial-meta-wrapper { display: flex; align-items: center; gap: 16px; } #brxe-uzimll img.image { object-fit: cover; flex: 0 0 auto; } #brxe-uzimll .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; } #brxe-uzimll .swiper-pagination-bullet { display: inline-block; border: 0; padding: 0; border-radius: 50%; cursor: pointer; transition: background-color .3s ease, transform .3s ease; } #brxe-uzimll .swiper-pagination-bullet-active { transform: scale(1.15); } /* Formularz zapisu */ #brxe-dlrbyv { display: flex; flex-direction: column; gap: 20px; width: 100%; } #brxe-dlrbyv .form-group { width: 100%; padding: 0; } #brxe-dlrbyv .form-group input { width: 100%; min-height: 48px; border: 1px solid var(--1-l-7); color: var(--2-d-7); font-family: "Poppins"; } #brxe-dlrbyv .form-group input[aria-invalid="true"] { border-color: var(--1-d-4); } #brxe-dlrbyv .form-info { font-size: 14px; } #brxe-dlrbyv .submit-button-wrapper { display: flex; justify-content: flex-start; } #brxe-dlrbyv .bricks-button { border: 0; cursor: pointer; color: var(--2-d-6); font-family: "Montserrat"; } #brxe-dlrbyv .bricks-button[disabled] { cursor: progress; opacity: .7; } #brxe-dlrbyv .pole-pulapka { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } #brxe-dlrbyv .zapis-komunikat { margin: 0; font-size: var(--font-m); color: var(--2-d-6); } #brxe-dlrbyv .zapis-komunikat:empty { display: none; } #brxe-dlrbyv .zapis-komunikat.blad { color: var(--1-d-5); } /* Mapa: obraz z przyciskiem, iframe Google dopiero po kliknieciu */ #brxe-nowgus { position: relative; overflow: hidden; } #brxe-nowgus picture, #brxe-nowgus .mapa-podglad { display: block; width: 100%; height: 100%; object-fit: cover; } #brxe-nowgus iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #brxe-nowgus .mapa-przycisk { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; border: 0; background: rgba(255, 248, 245, .15); cursor: pointer; } #brxe-nowgus .mapa-przycisk span { padding: 14px 24px; border: 2px solid var(--white); border-radius: 1000px; background: var(--1); color: var(--2-d-7); font-family: "Montserrat"; font-weight: 500; font-size: var(--font-m); box-shadow: 0 8px 24px rgba(77, 56, 46, .18); transition: transform .3s ease, background-color .3s ease; } #brxe-nowgus .mapa-przycisk:hover span, #brxe-nowgus .mapa-przycisk:focus-visible span { background: var(--1-d-1); transform: scale(1.04); } #brxe-nowgus.zaladowana .mapa-przycisk, #brxe-nowgus.zaladowana picture { display: none; } @media (max-width: 767px) { #brxe-nowgus { height: 360px; } } /* Messenger plywajacy (wzorzec miluba); strzalka "do gory" usunieta (.wejscie.md §40) */ .messenger { position: fixed; z-index: 50; right: var(--gap-m); bottom: var(--gap-m); width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--white); background: radial-gradient(at bottom right, var(--1-d-1), var(--1-d-2)); border: 2px solid var(--1-l-7); box-shadow: 0 6px 18px rgba(77, 56, 46, .2); transition: transform .3s ease; } .messenger:hover { transform: translateY(-3px); } html.anim .messenger { opacity: 0; visibility: hidden; transform: translateY(20px); pointer-events: none; transition: opacity .6s ease, transform .6s ease, visibility 0s linear .6s; } html.anim .messenger.widoczny { opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition: opacity .6s ease, transform .6s ease, visibility 0s; } /* Animacje (ulepszenie, do akceptacji wlasciciela) - tylko z JS i bez reduced-motion */ @media (prefers-reduced-motion: no-preference) { html.js .wejscie { animation: wejscie .9s cubic-bezier(.19, 1, .22, 1) both; } html.js #brxe-zigvxr.wejscie { animation-delay: .12s; } html.js .button-cs.wejscie { animation-delay: .24s; } html.js #brxe-itcmss { animation: wejscie-obraz 1.1s cubic-bezier(.19, 1, .22, 1) .1s both; } html.anim .pokaz { opacity: 0; transform: translateY(32px); transition: opacity .8s ease, transform .9s cubic-bezier(.19, 1, .22, 1); } html.anim .pokaz.widoczny { opacity: 1; transform: none; } #brxe-ihbxpz img { animation: plyw 9s ease-in-out infinite alternate; } #brxe-tufopr { transition: transform .4s ease; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } #brxe-uzimll .swiper-wrapper { scroll-behavior: auto; } } @keyframes wejscie { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } } @keyframes wejscie-obraz { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: none; } } @keyframes plyw { from { transform: translate(0, 0) rotate(0deg); } to { transform: translate(-18px, 12px) rotate(3deg); } } /* Strona 404 */ .nie-ma { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-m); padding: var(--gap-m); text-align: center; background-image: radial-gradient(circle farthest-corner at bottom center, var(--1-l-6) 20%, var(--2-l-6) 100%); } .nie-ma h1 { margin: 0; } .nie-ma p { margin: 0; color: var(--2-d-5); } .nie-ma-link { padding: 16px 24px; border-radius: 1000px; background: var(--1); color: var(--2-d-6); font-family: "Montserrat"; font-weight: 500; text-decoration: none; } /* Wieksze pola klikniecia (WCAG 2.2 target-size) bez zmiany wygladu */ #brxe-lyopyt .bricks-mobile-menu-toggle { position: relative; } #brxe-lyopyt .bricks-mobile-menu-toggle::after { content: ""; position: absolute; inset: -12px; } #brxe-uzimll .swiper-pagination-bullet { position: relative; } #brxe-uzimll .swiper-pagination-bullet::after { content: ""; position: absolute; inset: -6px; } /* K5: miejsce pod przyciskami plywajacymi na koncu strony (strona nie ma stopki) */ #brxe-qbmswa { padding-bottom: 88px; } /* K17: cel skip linka */ #tresc { display: block; height: 0; outline: none; } .wideo-link { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); padding: 10px 18px; border-radius: 1000px; background: var(--1); color: var(--2-d-7); } /* Uwagi wlasciciela z odbioru (2026-11-11) */ #brxe-dlrbyv { align-items: stretch; } #brxe-dlrbyv .submit-button-wrapper { align-self: flex-start; width: 100%; justify-content: flex-start; } #brxe-cgkclf { max-width: 560px; } #brxe-apnuvl:fullscreen { aspect-ratio: auto; width: 100%; height: 100%; } #brxe-apnuvl:fullscreen video { object-fit: contain; background: #000; } #brxe-dlrbyv .submit-button-wrapper .bricks-button { width: auto; justify-content: flex-start; } #brxe-dlrbyv .submit-button-wrapper .bricks-button svg { margin-left: 0; } /* === Redesign E4r (2026-11-11): bloby jak w hero zamiast boksow, fala w hero, mapa z 2 salami, odtwarzacz "poczuj rytm" === Zasada: kazdy blob ma staly ksztalt bazowy (bez animacji tez jest blobem); ruch tylko przy no-preference i tylko w sekcjach na ekranie (klasa .w-ruchu z main.js). */ #brx-content { overflow-x: hidden; overflow-x: clip; } .ma-bloby { position: relative; isolation: isolate; } .tlo-blob { position: absolute; z-index: -1; pointer-events: none; border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; } .tlo-blob.kropla { border-radius: 55% 45% 60% 40%; background: linear-gradient(120deg, var(--2) 0%, #FFCADD 100%); } /* Hero: zamiast wypustki przy pasie cala lewa krawedz zdjecia lagodnie faluje (SMIL, 36 s; pauza przy reduced-motion w main.js) */ #brxe-itcmss { position: relative; } #brxe-iyquxi { position: absolute; left: -58px; right: auto; top: 30px; bottom: auto; width: 60px; height: calc(100% - 60px); } /* Baw sie i ruszaj: zdjecie w lagodnym, wolno plynacym ksztalcie (nie owal - nie ucina glow), blob za nim */ .tlo-baw { left: 2%; top: 8%; width: min(52vw, 720px); aspect-ratio: 72 / 52; background: radial-gradient(circle at 60% 40%, #FFD0E1 0%, #FFE6DA 100%); border-radius: 58% 42% 38% 62% / 56% 61% 39% 44%; } #brxe-smywnv { border-radius: 70px 130px 90px 150px / 90px 70px 130px 100px; box-shadow: 0 30px 60px rgba(255, 170, 200, .25); } @media (max-width: 767px) { #brxe-smywnv { border-radius: 40px 80px 50px 90px / 50px 40px 80px 60px; } .tlo-baw { width: 90vw; left: -10%; top: 2%; } } /* Sprawdz czy Zumba: tekst, grafik i film w jednej sekcji; film mniejszy, jako karta na blobie */ #brxe-oxgxrc { align-items: center; } .zajecia-tekst { width: 45%; display: flex; flex-direction: column; gap: var(--gap-l); } #brxe-qqjdmo, #brxe-abcclm { width: 100%; padding-left: 0; } #brxe-abcclm { row-gap: var(--gap-l); } #brxe-tyxsmp { white-space: nowrap; } #brxe-ezlcot { width: 50%; margin-top: 0; overflow: visible; border-radius: 0; position: relative; isolation: isolate; padding: 70px 40px; display: flex; align-items: center; justify-content: center; } .tlo-film { inset: 0; background: linear-gradient(120deg, var(--2) 0%, #FFCADD 100%); border-radius: 46% 54% 44% 56% / 52% 40% 60% 48%; } #brxe-apnuvl { width: 100%; max-width: 600px; border-radius: 28px; overflow: hidden; border: 6px solid var(--2-l-8); box-shadow: 0 24px 50px rgba(77, 56, 46, .18); transform: rotate(-2deg); } #brxe-apnuvl:fullscreen { transform: none; border: 0; border-radius: 0; } @media (max-width: 767px) { .zajecia-tekst, #brxe-ezlcot { width: 100%; } #brxe-tyxsmp { font-size: min(var(--title-3), 8.6vw); } #brxe-ezlcot { padding: 40px 8px; } } /* Karolina Kuzlak: karta jak zdjecie w hero (gradient, zaokraglony prostokat), czapka wychodzi ponad karte; bez blobow */ #brxe-tujngv { position: relative; overflow: visible; border-radius: 32px; width: 460px; height: 480px; margin-top: 60px; } #brxe-adqugg { position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% + 60px); border-radius: 0; clip-path: inset(0 round 0 0 32px 32px); } #brxe-adqugg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } .razem { white-space: nowrap; } @media (max-width: 767px) { #brxe-tujngv { width: min(420px, 100%); height: 400px; margin-top: 50px; } } /* Opinie: bez boksu, polprzezroczyste bloby za trescia (kontrast tekstu), awatary w stalym ksztalcie bloba */ #brxe-knndck { border-radius: 0; overflow: visible; background: none; } #brxe-knndck::before { display: none; } .tlo-opinie-1 { left: -8%; top: 4%; width: min(50vw, 720px); aspect-ratio: 72 / 60; opacity: .45; background: radial-gradient(circle at 35% 30%, #FFC2D8 0%, #FFD3E2 38%, #FFE3D6 70%, #FFEFE7 100%); } .tlo-opinie-2 { right: -5%; top: 22%; width: min(40vw, 560px); aspect-ratio: 56 / 52; opacity: .45; background: radial-gradient(circle at 60% 40%, #FFD0E1 0%, #FFE6DA 100%); border-radius: 58% 42% 38% 62% / 56% 61% 39% 44%; } .tlo-kropla-opinie { left: 48%; top: 46%; width: 46px; height: 40px; } #brxe-uzimll .image { border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; border: 3px solid var(--white); } #brxe-uzimll .testimonial-content-wrapper { color: #4d382e; } @media (max-width: 767px) { .tlo-opinie-1 { width: 95vw; left: -30%; } .tlo-opinie-2 { width: 80vw; right: -35%; top: 50%; } .tlo-kropla-opinie { display: none; } } /* Zapisz sie: formularz na plynacym blobie w gradiencie z hero */ #brxe-ewyvqh { background-color: transparent; isolation: isolate; padding: var(--gap-2xl); } .tlo-zapis { inset: -2% -1%; background: linear-gradient(120deg, var(--2) 0%, #FFCADD 100%); border-radius: 40% 48% 38% 50% / 46% 36% 52% 42%; } .tlo-kropla-zapis { right: -12px; top: 24px; width: 54px; height: 46px; } #brxe-dlrbyv .form-group input { border-radius: 999px; padding-left: 22px; padding-right: 22px; background-color: rgba(255, 255, 255, .85); border-color: #B5728D; } @media (max-width: 767px) { #brxe-ewyvqh { padding: var(--gap-xl) var(--gap-l); } .tlo-zapis { border-radius: 120px 70px 110px 80px / 90px 110px 80px 120px; } .tlo-kropla-zapis { right: 4px; top: -14px; } } /* Mapa: godziny i dojazd na tle strony, mapa z 2 salami w ksztalcie bloba, Google dopiero po kliknieciu (§37) */ .tlo-mapa { left: -8%; top: 0; width: min(36vw, 520px); aspect-ratio: 52 / 44; background: radial-gradient(circle at 35% 30%, #FFC2D8 0%, #FFD3E2 38%, #FFE3D6 70%, #FFEFE7 100%); border-radius: 58% 42% 38% 62% / 56% 61% 39% 44%; } #brxe-drtyff { display: flex; flex-direction: column; gap: var(--gap-l); background-image: none; border-radius: 0; overflow: visible; } .mapa-gora { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--gap-l) var(--gap-xl); } #brxe-nqisvy { width: min(820px, 100%); padding: 0; } #brxe-cgkclf { max-width: 560px; } .dojazd { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; } .dojazd .button-cs { display: inline-flex; align-items: center; font-family: "Montserrat"; font-weight: 500; color: var(--2-d-6); text-decoration: none; } #brxe-cgkclf .title { display: inline-flex; align-items: center; gap: 10px; } #brxe-cgkclf .title::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #E58FB0; } #brxe-cgkclf .sala-dopiewo .title::before { background: #F2A98C; } #brxe-cgkclf .description { padding-left: 22px; } #brxe-qkwxkm { overflow: hidden; border-radius: 260px 180px 300px 160px / 160px 220px 140px 240px; box-shadow: 0 30px 60px rgba(255, 170, 200, .25); } #brxe-nowgus { height: 420px; } #brxe-nowgus .mapa-przycisk { inset: 0; align-items: flex-end; justify-content: flex-start; padding: 0 0 44px 12%; background: none; } #brxe-qkwxkm:has(.zaladowana), .w-ruchu #brxe-qkwxkm:has(.zaladowana) { border-radius: 32px; animation: none; } #brxe-nowgus .mapa-atrybucja { position: absolute; right: 16%; bottom: 10px; z-index: 1; padding: 1px 6px; border-radius: 4px; background: rgba(255, 255, 255, .7); color: #6b6b6b; font-size: 10px; pointer-events: none; } #brxe-nowgus.zaladowana .mapa-atrybucja { display: none; } #brxe-qbmswa { padding-top: var(--gap-2xl); padding-bottom: var(--gap-xl); } @media (max-width: 767px) { .tlo-mapa { width: 80vw; left: auto; right: -30%; } #brxe-qkwxkm { border-radius: 120px 60px 140px 70px / 80px 110px 70px 120px; } #brxe-nowgus { height: 320px; } #brxe-nowgus .mapa-przycisk { justify-content: center; padding: 0 0 12px; } #brxe-nowgus .mapa-przycisk span { white-space: nowrap; padding: 10px 18px; font-size: 15px; } #brxe-nowgus .mapa-atrybucja { right: 50%; transform: translateX(50%); bottom: 6px; } .mapa-gora { padding: 0 var(--gap-m); } } /* Stopka */ .stopka { padding: 0 var(--gap-m) var(--gap-m); text-align: center; font-size: 14px; color: var(--2-d-5); } .stopka p { margin: 0; } .stopka a { color: #4d382e; text-underline-offset: 3px; } /* Poczuj rytm: kafelek otwiera odtwarzacz Spotify (iframe po kliknieciu), minimalizacja do przycisku w lewym dolnym rogu */ #brxe-tufopr { color: var(--white); text-decoration: none; } .rytm { position: fixed; z-index: 60; left: var(--gap-m); bottom: var(--gap-m); width: min(380px, calc(100vw - 2 * var(--gap-m))); box-sizing: border-box; padding: 20px; display: flex; flex-direction: column; gap: 14px; isolation: isolate; transition: opacity .4s ease, transform .4s ease, visibility 0s; } .rytm[hidden], .rytm-mini[hidden] { display: none; } .rytm.zwiniety { opacity: 0; visibility: hidden; transform: translateY(24px) scale(.96); pointer-events: none; transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s; } .rytm-tlo { position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, var(--2) 0%, #FFCADD 100%); border-radius: 38px 46px 36px 52px / 44px 36px 50px 40px; box-shadow: 0 24px 60px rgba(77, 56, 46, .22); } .rytm-gora { display: flex; align-items: center; gap: 12px; } .rytm-tytul { margin: 0; flex: 1 1 auto; display: flex; flex-direction: column; line-height: 1.25; } .rytm-nazwa { font-family: "Montserrat"; font-weight: 500; font-size: 20px; color: #4d382e; } .rytm-opis { font-size: 13px; color: var(--2-d-6); } .rytm-btn { flex: 0 0 auto; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .7); color: #4d382e; cursor: pointer; } .rytm-btn:hover, .rytm-btn:focus-visible { background: var(--white); } .rytm-ramka { height: min(352px, calc(100dvh - 140px)); border-radius: 14px; overflow: hidden; background: #282828; } .rytm-ramka iframe { display: block; width: 100%; height: 100%; border: 0; } @media (max-width: 767px), (max-height: 640px) { .rytm { padding: 14px; gap: 10px; } .rytm-ramka { height: 152px; } } @media (max-width: 767px), (max-height: 640px) { html.rytm-otwarty .messenger, html.anim.rytm-otwarty .messenger.widoczny { opacity: 0; visibility: hidden; pointer-events: none; } } .rytm-eq { display: flex; align-items: flex-end; gap: 3px; height: 22px; } .rytm-eq span { width: 5px; height: 100%; border-radius: 3px; background: #C2789A; transform-origin: bottom; transform: scaleY(.6); } .rytm-mini { position: fixed; z-index: 60; left: var(--gap-m); bottom: var(--gap-m); width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; padding: 0; border: 2px solid var(--1-l-7); border-radius: 50%; background: linear-gradient(135deg, var(--2), var(--1)); box-shadow: 0 6px 18px rgba(77, 56, 46, .22); cursor: pointer; } .rytm-mini .rytm-eq span { background: #8E4A66; } /* Ruch blobow (tylko gdy sekcja na ekranie i bez reduced-motion) */ @media (prefers-reduced-motion: no-preference) { .w-ruchu .tlo-baw { animation: blobB 30s ease-in-out infinite, dryf2 40s ease-in-out infinite, zanik 26s ease-in-out -8s infinite; } .w-ruchu #brxe-smywnv { animation: lagodny 30s ease-in-out infinite; } .w-ruchu .tlo-film { animation: forma 15s ease-in-out infinite; } .w-ruchu .tlo-opinie-1 { animation: blobA 16s ease-in-out infinite, dryf1 24s ease-in-out infinite, zanikC 14s ease-in-out infinite; } .w-ruchu .tlo-opinie-2 { animation: blobB 19s ease-in-out infinite, dryf2 28s ease-in-out infinite, zanikC 17s ease-in-out -6s infinite; } .w-ruchu .kropla { animation: kropla 9s ease-in-out infinite; } .w-ruchu .tlo-kropla-zapis { animation-delay: -6s; } .w-ruchu .tlo-zapis { animation: formaZapis 15s ease-in-out infinite; } .w-ruchu .tlo-mapa { animation: blobB 19s ease-in-out infinite, dryf2 28s ease-in-out infinite, zanik 17s ease-in-out -6s infinite; } .w-ruchu #brxe-qkwxkm { animation: mapa 18s ease-in-out infinite; } .rytm.gra .rytm-eq span, .rytm-mini.gra .rytm-eq span { animation: eq 1.1s ease-in-out infinite; } .rytm-eq span:nth-child(2) { animation-delay: -.4s; } .rytm-eq span:nth-child(3) { animation-delay: -.8s; } .rytm-mini::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--1); animation: puls 2.4s ease-out 3; } } @media (prefers-reduced-motion: no-preference) and (max-width: 767px) { .w-ruchu #brxe-smywnv, .w-ruchu #brxe-qkwxkm, .w-ruchu .tlo-zapis { animation: none; } } @keyframes blobA { 0%, 100% { border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; } 50% { border-radius: 58% 42% 38% 62% / 56% 61% 39% 44%; } } @keyframes blobB { 0%, 100% { border-radius: 58% 42% 38% 62% / 56% 61% 39% 44%; } 50% { border-radius: 37% 63% 52% 48% / 44% 38% 62% 56%; } } @keyframes dryf1 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(40px, -28px) rotate(8deg); } } @keyframes dryf2 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-36px, 22px) rotate(-6deg); } } @keyframes zanik { 0%, 100% { opacity: .95; } 40%, 55% { opacity: .15; } } @keyframes zanikC { 0%, 100% { opacity: .45; } 40%, 55% { opacity: .1; } } @keyframes kropla { 0%, 100% { transform: translateY(0) scale(1); opacity: .9; } 50% { transform: translateY(-26px) scale(.8); opacity: .2; } } @keyframes forma { 0%, 100% { border-radius: 46% 54% 44% 56% / 52% 40% 60% 48%; } 50% { border-radius: 56% 44% 58% 42% / 42% 56% 44% 58%; } } @keyframes formaZapis { 0%, 100% { border-radius: 40% 48% 38% 50% / 46% 36% 52% 42%; } 50% { border-radius: 48% 40% 50% 38% / 38% 48% 42% 50%; } } @keyframes lagodny { 0%, 100% { border-radius: 70px 130px 90px 150px / 90px 70px 130px 100px; } 50% { border-radius: 130px 80px 150px 90px / 70px 110px 90px 130px; } } @keyframes mapa { 0%, 100% { border-radius: 260px 180px 300px 160px / 160px 220px 140px 240px; } 50% { border-radius: 180px 300px 200px 280px / 240px 140px 220px 160px; } } @keyframes eq { 0%, 100% { transform: scaleY(.35); } 50% { transform: scaleY(1); } } /* Poprawki po produkcji (2026-11-11) */ /* Hero: czubek lokcia zaokraglony w pliku (hero-*-v2); gdy lokiec wychodzi poza karte, maska zaokragla go przy krawedzi (main.js: lokiec()) */ #brxe-cicqea img.lokiec { -webkit-mask-image: radial-gradient(ellipse var(--lr) var(--lry) at var(--lx) var(--ly), #000 92%, transparent 100%), linear-gradient(to right, transparent var(--lpas), #000 calc(var(--lpas) + 1px)); mask-image: radial-gradient(ellipse var(--lr) var(--lry) at var(--lx) var(--ly), #000 92%, transparent 100%), linear-gradient(to right, transparent var(--lpas), #000 calc(var(--lpas) + 1px)); } /* Mapa Leaflet (po kliknieciu): nasze pinezki, bez karty Google */ .mapa-leaflet { position: absolute; inset: 0; z-index: 1; background: #f6efea; } .mapa-leaflet .leaflet-tile-pane { filter: grayscale(.55) sepia(.18) saturate(1.1) brightness(1.06) contrast(.92); } .mapa-leaflet:focus-visible { outline: 2px solid var(--1-d-4); outline-offset: -4px; } .leaflet-div-icon.pin { background: none; border: 0; } .pin .pin-kropla { position: absolute; left: -17px; top: -44px; width: 34px; height: 34px; box-sizing: border-box; border: 3px solid var(--white); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(135deg, #fff0f5, #E58FB0); box-shadow: 0 6px 14px rgba(77, 56, 46, .3); cursor: pointer; } .pin-dopiewo .pin-kropla { background: linear-gradient(135deg, #fff0f5, #F2A98C); } .pin .pin-et { position: absolute; left: 24px; top: -50px; white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: var(--white); font: 500 15px/1.2 "Montserrat", sans-serif; color: #4d382e; box-shadow: 0 6px 14px rgba(77, 56, 46, .14); cursor: pointer; } @media (max-width: 767px) { .pin .pin-et { font-size: 13px; } .pin-konarzewo .pin-et { left: auto; right: 24px; } } #brxe-nowgus .leaflet-control-attribution { font-size: 11px; } #brxe-nowgus .leaflet-bottom.leaflet-right .leaflet-control-attribution { margin: 0 22px 10px 0; border-radius: 6px; } #brxe-nowgus .leaflet-bottom.leaflet-left .leaflet-control-zoom { margin: 0 0 18px 18px; } /* Kafelek "poczuj rytm" (V4): duza plyta zza prawej krawedzi, z jasna etykieta, z lewej jasny przycisk play; na telefonie podpis i slupki. Szybszy obrot, gdy muzyka gra. */ #brxe-tufopr { position: relative; display: block; overflow: hidden; isolation: isolate; box-shadow: none; color: #4d382e; background-image: none; background: radial-gradient(ellipse at 15% 20%, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(145deg, var(--2) 0%, var(--1) 100%); } #brxe-tufopr .kafel-plyta { position: absolute; z-index: 0; top: -25%; height: 150%; aspect-ratio: 1; left: 50.5%; } #brxe-tufopr .obrot { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, var(--2) 0 15%, var(--white) 15.5% 16.5%, #2b1d23 17% 19%, transparent 19.5%), repeating-radial-gradient(circle, #2b1d23 0 1.5px, #3b2930 1.5px 3px); box-shadow: -10px 0 24px rgba(43, 29, 35, .3); } #brxe-tufopr .obrot::before { content: ""; position: absolute; left: 30%; top: 47.5%; width: 4%; height: 4%; border-radius: 50%; background: #E58FB0; } #brxe-tufopr .obrot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 200deg, transparent 0 14%, rgba(255, 255, 255, .18) 21%, transparent 29% 64%, rgba(255, 255, 255, .12) 71%, transparent 79%); } #brxe-tufopr .kafel-tekst { display: none; position: absolute; z-index: 1; left: 20px; top: 20px; font-family: "Montserrat"; font-weight: 500; font-size: 19px; line-height: 1.15; } #brxe-tufopr .kafel-dol { position: absolute; z-index: 1; left: 18px; top: 50%; transform: translateY(-50%); display: flex; align-items: flex-end; gap: 16px; } #brxe-tufopr .kafel-play { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--2-l-8); box-shadow: 0 8px 18px rgba(77, 56, 46, .2); transition: transform .3s ease; } #brxe-tufopr #brxe-ohdtzn { position: static; width: 44%; height: 44%; margin-left: 6%; transform: none; color: #4d382e; } #brxe-tufopr .kafel-eq { display: none; align-items: flex-end; gap: 4px; height: 28px; } #brxe-tufopr .kafel-eq span { width: 6px; height: 100%; border-radius: 3px; background: rgba(77, 56, 46, .55); transform-origin: bottom; transform: scaleY(.45); } #brxe-tufopr .kafel-eq span:nth-child(2) { transform: scaleY(.85); } #brxe-tufopr .kafel-eq span:nth-child(3) { transform: scaleY(.6); } #brxe-tufopr .kafel-eq span:nth-child(4) { transform: scaleY(1); } #brxe-tufopr .kafel-eq span:nth-child(5) { transform: scaleY(.7); } #brxe-tufopr:hover .kafel-play, #brxe-tufopr:focus-visible .kafel-play { transform: scale(1.08); } @media (max-width: 478px) { #brxe-tufopr .kafel-plyta { left: 54.4%; height: 155.6%; top: -27.8%; } #brxe-tufopr .kafel-tekst { display: block; } #brxe-tufopr .kafel-dol { top: auto; bottom: 20px; left: 20px; transform: none; } #brxe-tufopr .kafel-play { width: 56px; height: 56px; } #brxe-tufopr .kafel-eq { display: flex; } #brxe-nowgus .mapa-atrybucja { bottom: auto; top: 8px; } } @media (prefers-reduced-motion: no-preference) { #brxe-tufopr .obrot { animation: plyta 9s linear infinite; } #brxe-tufopr.gra .obrot { animation-duration: 2.4s; } #brxe-tufopr .kafel-play { animation: bije 1.6s ease-in-out infinite; } #brxe-tufopr:hover .kafel-play { animation: none; } .rytm-mini .mini-obrot, .rytm-mini .mini-etyk { animation: plyta 8s linear infinite; } .rytm-mini.gra .mini-obrot, .rytm-mini.gra .mini-etyk { animation-duration: 2.4s; } #brxe-tufopr .kafel-eq span { animation: eq 1.1s ease-in-out infinite; } #brxe-tufopr .kafel-eq span:nth-child(2) { animation-delay: -.4s; } #brxe-tufopr .kafel-eq span:nth-child(3) { animation-delay: -.8s; } #brxe-tufopr .kafel-eq span:nth-child(4) { animation-delay: -.2s; } #brxe-tufopr .kafel-eq span:nth-child(5) { animation-delay: -.6s; } } @keyframes plyta { to { transform: rotate(360deg); } } @keyframes bije { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } } /* Przycisk zwinietego odtwarzacza: mala plyta z twarza Karoliny na etykiecie, kreci sie (z twarza), gdy muzyka gra */ .rytm-mini { width: 60px; height: 60px; padding: 0; overflow: visible; border: 2px solid var(--1-l-7); background: #2b1d23; } .rytm-mini .mini-obrot { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, var(--2) 0 17%, var(--white) 17.5% 20%, #2b1d23 20.5% 23%, transparent 23.5%), repeating-radial-gradient(circle, #2b1d23 0 1.5px, #3b2930 1.5px 3px); } .rytm-mini .mini-obrot::before { content: ""; position: absolute; left: 28%; top: 46%; width: 8%; height: 8%; border-radius: 50%; background: #E58FB0; } .rytm-mini .mini-obrot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 30deg, transparent 0 14%, rgba(255, 255, 255, .2) 21%, transparent 29% 64%, rgba(255, 255, 255, .14) 71%, transparent 79%); } .rytm-mini .mini-etyk { position: absolute; inset: 24%; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px var(--white); background: var(--1); } .rytm-mini .mini-etyk img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; } #brxe-cicqea img.lokiec-zanik { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px); mask-image: linear-gradient(to right, transparent 0, #000 40px); } /* Bloby moga wychodzic poza swoja sekcje (Bricks dawal sekcjom overflow: hidden i ucinal je prosta linia); przewijanie w poziomie blokuje #brx-content (overflow-x: clip) */ #brxe-hzinwg, #zajecia, #opinie, #zapisz-sie, #brxe-qbmswa { overflow: visible; }