.elementor-kit-19{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-color-6b7c8e1:#192E69;--e-global-color-7ab91df:#92CADA;--e-global-color-1fe80f9:#E9FBFF;--e-global-color-a9ceeb6:#D04659;--e-global-color-5274daa:#ED8499;--e-global-color-15baa13:#FFF2F5;--e-global-color-95295bf:#F2C42C;--e-global-color-0c4b876:#F9E8B0;--e-global-color-74682bb:#F8F8F8;--e-global-color-ab41a40:#D6D6D6;--e-global-color-1fb1b8c:#FFFFFF;--e-global-color-8f87aa4:#000000;--e-global-color-ec90820:#00000000;--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.3em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.3em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-2683e69-font-family:"Rubik";--e-global-typography-2683e69-font-size:4rem;--e-global-typography-2683e69-font-weight:700;--e-global-typography-2683e69-text-transform:none;--e-global-typography-2683e69-font-style:normal;--e-global-typography-2683e69-text-decoration:none;--e-global-typography-2683e69-line-height:1.3em;--e-global-typography-2683e69-letter-spacing:0px;--e-global-typography-2683e69-word-spacing:0px;--e-global-typography-13e919f-font-family:"Rubik";--e-global-typography-13e919f-font-size:3rem;--e-global-typography-13e919f-font-weight:800;--e-global-typography-13e919f-text-transform:none;--e-global-typography-13e919f-font-style:normal;--e-global-typography-13e919f-text-decoration:none;--e-global-typography-13e919f-line-height:1.25em;--e-global-typography-13e919f-letter-spacing:0px;--e-global-typography-13e919f-word-spacing:0px;--e-global-typography-8be647e-font-family:"Rubik";--e-global-typography-8be647e-font-size:2.5rem;--e-global-typography-8be647e-font-weight:800;--e-global-typography-8be647e-text-transform:none;--e-global-typography-8be647e-font-style:normal;--e-global-typography-8be647e-text-decoration:none;--e-global-typography-8be647e-line-height:1.25em;--e-global-typography-8be647e-letter-spacing:0px;--e-global-typography-8be647e-word-spacing:0px;--e-global-typography-64db19c-font-family:"Rubik";--e-global-typography-64db19c-font-size:1.5rem;--e-global-typography-64db19c-font-weight:800;--e-global-typography-64db19c-text-transform:none;--e-global-typography-64db19c-font-style:normal;--e-global-typography-64db19c-text-decoration:none;--e-global-typography-64db19c-line-height:1.25em;--e-global-typography-64db19c-letter-spacing:0px;--e-global-typography-64db19c-word-spacing:0px;--e-global-typography-af603d3-font-family:"Rubik";--e-global-typography-af603d3-font-size:1.125rem;--e-global-typography-af603d3-font-weight:400;--e-global-typography-af603d3-text-transform:uppercase;--e-global-typography-af603d3-font-style:normal;--e-global-typography-af603d3-text-decoration:none;--e-global-typography-af603d3-line-height:1.25em;--e-global-typography-af603d3-letter-spacing:0px;--e-global-typography-af603d3-word-spacing:0px;--e-global-typography-a572c56-font-family:"Rubik";--e-global-typography-a572c56-font-size:1rem;--e-global-typography-a572c56-font-weight:700;--e-global-typography-a572c56-text-transform:uppercase;--e-global-typography-a572c56-font-style:normal;--e-global-typography-a572c56-text-decoration:none;--e-global-typography-a572c56-line-height:1.3em;--e-global-typography-a572c56-letter-spacing:0px;--e-global-typography-a572c56-word-spacing:0px;--e-global-typography-5fb0074-font-family:"Rubik";--e-global-typography-5fb0074-font-size:1.125rem;--e-global-typography-5fb0074-font-weight:400;--e-global-typography-5fb0074-text-transform:none;--e-global-typography-5fb0074-font-style:normal;--e-global-typography-5fb0074-text-decoration:none;--e-global-typography-5fb0074-line-height:1.3em;--e-global-typography-5fb0074-letter-spacing:0px;--e-global-typography-5fb0074-word-spacing:0px;--e-global-typography-2a452ce-font-family:"Rubik";--e-global-typography-2a452ce-font-size:1rem;--e-global-typography-2a452ce-font-weight:400;--e-global-typography-2a452ce-text-transform:none;--e-global-typography-2a452ce-font-style:normal;--e-global-typography-2a452ce-text-decoration:none;--e-global-typography-2a452ce-line-height:1.3em;--e-global-typography-2a452ce-letter-spacing:0px;--e-global-typography-2a452ce-word-spacing:0px;--e-global-typography-0fab2cf-font-family:"Rubik";--e-global-typography-0fab2cf-font-size:0.75rem;--e-global-typography-0fab2cf-font-weight:400;--e-global-typography-0fab2cf-text-transform:none;--e-global-typography-0fab2cf-font-style:normal;--e-global-typography-0fab2cf-text-decoration:none;--e-global-typography-0fab2cf-line-height:1.3em;--e-global-typography-0fab2cf-letter-spacing:0px;--e-global-typography-0fab2cf-word-spacing:0px;}.elementor-kit-19 a:hover{color:var( --e-global-color-a9ceeb6 );}.elementor-kit-19 input:not([type="button"]):not([type="submit"]),.elementor-kit-19 textarea,.elementor-kit-19 .elementor-field-textual{border-radius:0.625rem 0.625rem 0.625rem 0.625rem;padding:0.875rem 1rem 0.875rem 1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90rem;}.e-con{--container-max-width:90rem;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.5rem;}.elementor-element{--widgets-spacing:1.5rem 1.5rem;--widgets-spacing-row:1.5rem;--widgets-spacing-column:1.5rem;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-19{--e-global-typography-2683e69-font-size:3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-19{--e-global-typography-2683e69-font-size:2rem;--e-global-typography-13e919f-font-size:2.25rem;--e-global-typography-8be647e-font-size:2.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Podstawowe fixy */
html {
    overflow-x: clip;
}

body {
    line-height: 1;
}

p {
    text-wrap: pretty;
}

strong, b {
    font-weight: 700;
}

a {
    transition: 200ms;
}

.elementor-button-text {
    text-box-trim: trim-both;
}

.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button-icon {
    display: flex;
    
    svg {
        width: 1rem;
        height: 1rem;
    }
    
    path, rect {
        transition: 200ms;
    }
}

.elementor-icon-box-icon {
    line-height: 1;
}

.elementor-icon-box-title {
    margin: 0;
}

.elementor-icon-wrapper,
.elementor-widget-social-icons {
    line-height: 0;
}

.elementor-widget-icon-list {
    svg {
        margin: 0 !important;
    }
    
    .elementor-icon-list-text {
        padding: 0 !important;
    }
}

.e-n-menu-dropdown-icon {
    margin: 0 !important;
}

.elementor-widget-text-editor p:last-child {
    margin: 0;
}

.elementor-html body.e-off-canvas__no-scroll {
    overflow: unset;
}

.elementor-message-success,
.elementor-form-spinner {
    display: none !important;
}


/* Formularze */
::placeholder {
    opacity: 1 !important;
}

.elementor-form {
    .elementor-field-type-html {
        text-align: center;
    }

    .elementor-field-type-checkbox,
    .elementor-field-type-acceptance {
        .elementor-field-option {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
    }
    
    input[type="checkbox"] {
        appearance: none;
        position: relative;
        flex-shrink: 0;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        background: var(--e-global-color-74682bb) !important;
        transition: none !important;
    }
    
    input[type="checkbox"]:checked::after {
        content:'';
        position: absolute;
        top: 0.1875rem;
        left: 0.5rem;
        width: 0.5rem;
        height: 0.875rem;
        border: solid var(--e-global-color-a9ceeb6);
        border-width: 0 2px 2px 0;
        rotate: 45deg;
    }
    
    input[type="checkbox"] + label {
        cursor: pointer;
        
        a {
            color: inherit;
            text-decoration: 1px solid underline;
        }
    }

    button:hover {
        scale: 1.04;
    }
}


/* Paginacja gridów */
.mester-pagination .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    
    .page-numbers {
        z-index: 1;
        margin: 0 !important;
        transition: 200ms;
    }
    
    .page-numbers:not(.prev, .next) {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0;
    }
    
    .page-numbers:not(.prev, .next, .current) {
        background: #FFFFFF;
    }
    
    .page-numbers:is(.current) {
        background: var(--e-global-color-74682bb);
    }
    
    .prev, 
    .next {
        display: flex;
    }
    
    .prev::before,
    .next::after {
        content: '';
        width: 1rem;
        height: 1rem;
        background: url(https://nowy.mester.pl/wp-content/uploads/2026/08/arrow.svg);
        filter: invert(11%) sepia(84%) saturate(1899%) hue-rotate(214deg) brightness(97%) contrast(93%);
    }
    
    .prev::before {
        transform: rotate(180deg);
    }
    
    .prev:is(span),
    .next:is(span) {
        display: none;
    }
    
    .page-numbers:not(.prev, .next):hover,
    .page-numbers:not(.prev, .next):active,
    .page-numbers:not(.prev, .next):focus,
    .page-numbers:not(.prev, .next):focus-visible {
        background: var(--e-global-color-74682bb);
        color: var(--e-global-color-6b7c8e1);
    }
}

/* Style utility */
.font-regular, .font-regular * {
    font-weight: 400 !important;
}

.font-bold, .font-bold * {
    font-weight: 700 !important;
}

.font-extrabold, .font-extrabold * {
    font-weight: 800 !important;
}

.text-uppercase, .text-uppercase * {
    text-transform: uppercase !important;
}

.text-decoration-underline, .text-decoration-underline * {
    text-decoration: 1px solid underline !important;
}

.text-wrap-balance, .text-wrap-balance * {
    text-wrap: balance;
}

.text-trim-both, .text-trim-both * {
    text-box-trim: trim-both;
}

.text-align-left, .text-align-left * {
    text-align: left;
}

.color-text, .color-text * {
    color: var(--e-global-color-6b7c8e1) !important;
}

.color-pink, .color-pink * {
    color: var(--e-global-color-a9ceeb6) !important;
}

.color-blue, .color-blue * {
    color: var(--e-global-color-7ab91df) !important;
}

.overflow-x-clip {
    overflow-x: clip;
}

.max-width-unset {
    max-width: unset !important;
}

.aspect-ratio-1-1, .aspect-ratio-1-1 img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.aspect-ratio-16-9, .aspect-ratio-16-9 img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.cursor-pointer {
    cursor: pointer;
}

.align-items-end {
    display: flex;
    align-items: end;
}

.scroll-margin-top {
    scroll-margin-top: 6rem;
}

@media (width < 48rem) {
    .hide-mobile {
        display: none;
    }
    
    .scroll-margin-top {
        scroll-margin-top: 4rem;
    }
    
    .mobile-font-h3 * {
        font-size: var(--e-global-typography-64db19c-font-size) !important;
        line-height: var(--e-global-typography-64db19c-line-height) !important;
    }
}

@media (48rem <= width) {
    .show-mobile {
        display: none;
    }
}


/* Style powtarzalne/jednorazowe */
.wysiwyg-mini {
    * {
        margin: 0;
    }
    
    h1, h2, h3, h4, h5, h6, p, ul, ol {
        margin-bottom: 1em !important;
    }
    
    ul, ol {
        list-style-type: initial !important;
        margin-left: 0 !important;
        padding-left: 2ch !important;
    }
    
    > small {
        display: block;
    }
    
    :last-child {
        margin-bottom: 0 !important;
    }
}

.hero-image {
    @media (64rem < width) {
        max-width: 58rem;
    }
    
    @media (width <= 64rem) {
        position: static;
        aspect-ratio: 5 / 3;
    }

    @media (width < 48rem) {
        aspect-ratio: 11 / 10;
    }
}

.hero-breadcrumbs {
    @media (width <= 64rem) {
        position: static;
    }
}

.read-more-hero-toggle,
.read-more-hero-toggle:hover {
    display: flex;
    margin-top: 1rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--e-global-color-6b7c8e1);
    font-family: var(--e-global-typography-a572c56-font-family);
    font-size: var(--e-global-typography-a572c56-font-size);
    font-weight: var(--e-global-typography-a572c56-font-weight);
    line-height: var(--e-global-typography-a572c56-line-height);
    text-transform: var(--e-global-typography-a572c56-text-transform);
    text-decoration: 1px solid underline;
}

.accordion-faq {
    summary {
        transition: 200ms;
    }
    
    .e-n-accordion-item-title-header {
        align-items: center;
        gap: 0.625rem;
        
        &::before {
            content: '';
            flex-shrink: 0;
            width: 1.5rem;
            height: 1.5rem;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            filter: invert(86%) sepia(9%) saturate(4776%) hue-rotate(339deg) brightness(109%) contrast(90%);
            transition: 200ms;
        }
    }
    
    .e-n-accordion-item-title-icon svg {
        width: 1.5rem;
        rotate: 90deg;
        transition: 200ms;
    }
    
    summary[aria-expanded='true'] {
        border-bottom-right-radius: 0;
        
        .e-n-accordion-item-title-header {
            h3 {
                font-weight: 800;
            }
            
            &::before {
                filter: invert(42%) sepia(37%) saturate(1426%) hue-rotate(308deg) brightness(84%) contrast(94%);
            }
        }
        
        .e-n-accordion-item-title-icon svg {
            rotate: -90deg;
        }
    }
    
    details:nth-of-type(n + 6) {
        display: none;
    }
}

.accordion-faq-button:not(:is(.opened)) {
    svg {
        rotate: 90deg;
    }
}

.accordion-faq-button:is(.opened) {
    svg {
        rotate: -90deg;
    }
}

@media (width < 48rem) {
    .accordion-mini-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.625rem;
        cursor: pointer;
        
        &::after {
            content: '';
            flex-shrink: 0;
            width: 1.5rem;
            height: 1.5rem;
            background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/arrow.svg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            rotate: -90deg;
            filter: invert(13%) sepia(48%) saturate(2827%) hue-rotate(213deg) brightness(98%) contrast(95%);
            transition: 200ms;
        }
    }
    
    .accordion-mini-content {
        overflow: hidden;
        transition: 200ms;
        
        * {
            min-height: 0;
        }
    }
    
    .accordion-mini:not(.open) {
        .accordion-mini-header::after {
            rotate: 90deg;
        }
        
        .accordion-mini-content {
            grid-template-rows: 0fr;
            margin-top: -0.5rem;
        }
    }
}

.tabs-horizontal {
    transition: 200ms;
    
    .tab {
        transition: 200ms;
    }
    
    .tab-content {
        transition: 200ms;
        
        * {
            min-height: 0;
        }
    }
    
    .tab:not(.active) {
        cursor: pointer;
        
        .wysiwyg-mini {
            pointer-events: none;
            user-select: none;
        }
    }
    
    .active {
        cursor: default;
        
        &:not(:last-child) {
            padding-right: 8.5rem;
        }
    }
    
    @media (width <= 64rem) {
        grid-template-columns: 1fr !important;
        
        .tab {
            grid-area: unset !important;
            
            &:not(:first-child) {
                margin-top: -2.5rem;
            }
            
            &:not(:last-child) {
                padding-right: 1.5rem;
                padding-bottom: 4rem;
            }
            
            &:not(.active) .tab-content {
                grid-template-rows: 0fr;
                margin-top: -0.5rem;
            }
        }
        
        .tab-content {
            overflow: hidden;
        }
        
        .tab-button:hover {
            scale: 1 !important;
            rotate: 0deg !important;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .tabs-horizontal,
    .tabs-horizontal .tab {
        transition: none !important;
    }
}

.tabs-count-3 {
    .tab:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 4;
    }
    
    .tab:nth-of-type(2) {
        grid-area: 1 / 3 / 2 / 6;
    }

    .tab:nth-of-type(3) {
        grid-area: 1 / 5 / 2 / 8;
    }
    
    &:has(.tab:nth-of-type(1):is(.active)) {
        grid-template-columns: 
            7rem 
            calc((100% - 28rem) * 0.5) 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem;
    }

    &:has(.tab:nth-of-type(2):is(.active)) {
        grid-template-columns: 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem 
            calc((100% - 28rem) * 0.5) 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem;
    }

    &:has(.tab:nth-of-type(3):is(.active)) {
        grid-template-columns: 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem 
            calc((100% - 28rem) * 0.25) 
            7rem 
            calc((100% - 28rem) * 0.5) 
            7rem;
    }
}

.tabs-count-4 {
    .tab:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 4;
    }

    .tab:nth-of-type(2) {
        grid-area: 1 / 3 / 2 / 6;
    }

    .tab:nth-of-type(3) {
        grid-area: 1 / 5 / 2 / 8;
    }

    .tab:nth-of-type(4) {
        grid-area: 1 / 7 / 2 / 10;
    }

    &:has(.tab:nth-of-type(1):is(.active)) {
        grid-template-columns:
            7rem
            calc((100% - 35rem) * 0.5)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem;
    }

    &:has(.tab:nth-of-type(2):is(.active)) {
        grid-template-columns:
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) * 0.5)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem;
    }

    &:has(.tab:nth-of-type(3):is(.active)) {
        grid-template-columns:
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) * 0.5)
            7rem
            calc((100% - 35rem) / 6)
            7rem;
    }

    &:has(.tab:nth-of-type(4):is(.active)) {
        grid-template-columns:
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) / 6)
            7rem
            calc((100% - 35rem) * 0.5)
            7rem;
    }
}

.post-tags {
    font-family: var(--e-global-typography-0fab2cf-font-family);
    font-size: var(--e-global-typography-0fab2cf-font-size);
    font-weight: 700;
    line-height: var(--e-global-typography-0fab2cf-line-height);
    text-transform: uppercase;
    
    ul {
        list-style-type: none;
        display: flex;
        gap: 0.625rem;
        margin: 0;
        padding: 0;
    }
    
    a {
        display: block;
        padding: 0.375rem 0.5rem;
        border-radius: 0.375rem;
        color: var(--e-global-color-6b7c8e1);
        /*background: attr(data-color type(<color>));*/
        background: var(--tag-background);
        text-box-trim: trim-both;
    }

    a:hover {
        color: var(--e-global-color-6b7c8e1);
    }
}

.post-excerpt {
    overflow: hidden; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}

.team-excerpt {
    overflow: hidden; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.team-image,
.team-image img {
    aspect-ratio: 1.43;
    object-fit: cover;
}

.team-more,
.team-more:hover,
.team-more:focus,
.team-more:focus-visible {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--e-global-color-6b7c8e1);
    font-family: var(--e-global-typography-2a452ce-font-family), system-ui, sans-serif;
    font-size: var(--e-global-typography-2a452ce-font-size);
    font-weight: 700;
    line-height: var(--e-global-typography-2a452ce-line-height);
}

.team-modal {
    width: min(32rem, 100dvw - 2rem);
    height: min(40rem, 100dvh - 4rem);
    padding: 0;
    border: none;
    border-radius: 1.25rem;
    background: #FFFFFF;
    color: var(--e-global-color-6b7c8e1);
    font-family: var(--e-global-typography-2a452ce-font-family), system-ui, sans-serif;
    font-size: var(--e-global-typography-2a452ce-font-size);
    font-weight: var(--e-global-typography-2a452ce-font-weight);
    line-height: var(--e-global-typography-2a452ce-line-height);
    outline: none;

    opacity: 0;
    scale: 0;

    transition:
        opacity 500ms ease,
        scale 500ms ease,
        display 500ms allow-discrete,
        overlay 500ms allow-discrete;

    &[open] {
        opacity: 1;
        scale: 1;
    }

    @starting-style {
        &[open] {
            opacity: 0;
            scale: 0;
        }
    }

    &::backdrop {
        background: #00000000;
        transition:
            background-color 500ms ease,
            display 500ms allow-discrete,
            overlay 500ms allow-discrete;
    }

    &[open]::backdrop {
        background: #0000004d;
    }

    @starting-style {
        &[open]::backdrop {
            background: #00000000;
        }
    }
}

.team-modal-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2.5rem;
    text-align: center;
    
    * {
        margin: 0;
        padding: 0;
    }
    
    img {
        width: 100%;
        border-radius: 1.25rem;
        background: #EDEDED;
    }
    
    & > div:has(h3) {
        display: grid;
        gap: 0.5rem;
    }
        
    h3 {
        font-size: var(--e-global-typography-64db19c-font-size);
        font-weight: var(--e-global-typography-64db19c-font-weight);
        line-height: var(--e-global-typography-64db19c-line-height);
    }
    
    @media (width < 32rem) {
        padding: 1.5rem;
    }
}

.hover-effect {
    transition: 200ms !important;
    
    &:hover {
        rotate: -4deg;
        scale: 1.08;
    }
}


/* Style zaznaczeń tekstu */
.marked-text-1,
.marked-text-2,
.marked-text-3,
.marked-text-4,
.marked-text-5,
.marked-text-6 {
    position: relative;
    z-index: -1;
    
    &::after {
        content: '';
        position: absolute;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.marked-text-1::after {
    left: 0;
    top: 100%;
    width: 100%;
    aspect-ratio: 768 / 42;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-5.png);
}

.marked-text-2::after {
    left: -10%;
    top: -6%;
    z-index: -1;
    width: 120%;
    height: 120%;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-11.png);
}

.marked-text-3::after {
    left: 0;
    top: 100%;
    width: 100%;
    aspect-ratio: 1024 / 159;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-3.png);
}

.marked-text-4::after {
    left: -20%;
    top: -15%;
    z-index: -1;
    width: 120%;
    height: 120%;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-4.png);
}

.marked-text-5::after {
    left: 0;
    top: 100%;
    width: 100%;
    aspect-ratio: 768 / 157;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-6.png);
    scale: -1 1;
}

.marked-text-6::after {
    left: -7%;
    top: 0;
    z-index: -1;
    width: 116%;
    height: 100%;
    background-image: url(https://nowy.mester.pl/wp-content/uploads/2026/08/drawing-8.png);
    rotate: -1.5deg;
}


/* Animacje */
body:where(:not(.e-preview--show-hidden-elements)) {
    .animate {
        --a-duration: 400ms;
        --a-delay: 50ms;
        --a-easing: ease-out;
    
        --h-duration: 200ms;
        --h-easing: ease;
    
        opacity: 0;
        transition:
            opacity var(--a-duration) var(--a-easing) var(--a-delay),
            translate var(--a-duration) var(--a-easing) var(--a-delay),
            rotate var(--h-duration) var(--h-easing) 0ms,
            scale var(--h-duration) var(--h-easing) 0ms !important;
    
        will-change: opacity, translate, rotate, scale;
    }
    
    .animate.a-visible {
        opacity: 1;
        translate: 0 0 !important;
    }
    
    .hover-effect {
        --h-duration: 200ms;
        --h-easing: ease;
    }
    
    .hover-effect:not(.animate) {
        transition:
            rotate var(--h-duration) var(--h-easing),
            scale var(--h-duration) var(--h-easing);
    }
    
    .hover-effect:hover {
        rotate: -4deg;
        scale: 1.08;
    }

    .animate:not(.a-visible).a-fade-up { translate: 0 4rem; }
    .animate:not(.a-visible).a-fade-down { translate: 0 -4rem; }
    .animate:not(.a-visible).a-fade-left { translate: -4rem 0; }
    .animate:not(.a-visible).a-fade-right { translate: 4rem 0; }
    .animate:not(.a-visible).a-fade-in { translate: 0 0; }

    @media (width <= 64rem) {
        .animate:not(.a-visible).at-fade-up { translate: 0 4rem; }
        .animate:not(.a-visible).at-fade-down { translate: 0 -4rem; }
        .animate:not(.a-visible).at-fade-left { translate: -4rem 0; }
        .animate:not(.a-visible).at-fade-right { translate: 4rem 0; }
        .animate:not(.a-visible).at-fade-in { translate: 0 0; }    
    }

    @media (width < 48rem) {
        .animate:not(.a-visible).am-fade-up { translate: 0 4rem; }
        .animate:not(.a-visible).am-fade-down { translate: 0 -4rem; }
        .animate:not(.a-visible).am-fade-left { translate: -4rem 0; }
        .animate:not(.a-visible).am-fade-right { translate: 4rem 0; }
        .animate:not(.a-visible).am-fade-in { translate: 0 0; }
    }

    .a-duration-100 { --a-duration: 100ms; }
    .a-duration-200 { --a-duration: 200ms; }
    .a-duration-300 { --a-duration: 300ms; }
    .a-duration-400 { --a-duration: 400ms; }
    .a-duration-500 { --a-duration: 500ms; }
    .a-duration-600 { --a-duration: 600ms; }
    .a-duration-700 { --a-duration: 700ms; }
    .a-duration-800 { --a-duration: 800ms; }
    .a-duration-900 { --a-duration: 900ms; }
    .a-duration-1000 { --a-duration: 1000ms; }

    @media (width < 48rem) {
        .am-duration-100 { --a-duration: 100ms; }
        .am-duration-200 { --a-duration: 200ms; }
        .am-duration-300 { --a-duration: 300ms; }
        .am-duration-400 { --a-duration: 400ms; }
        .am-duration-500 { --a-duration: 500ms; }
        .am-duration-600 { --a-duration: 600ms; }
        .am-duration-700 { --a-duration: 700ms; }
        .am-duration-800 { --a-duration: 800ms; }
        .am-duration-900 { --a-duration: 900ms; }
        .am-duration-1000 { --a-duration: 1000ms; }
    }

    .a-delay-0 { --a-delay: 0ms; }
    .a-delay-50 { --a-delay: 50ms; }
    .a-delay-100 { --a-delay: 100ms; }
    .a-delay-200 { --a-delay: 200ms; }
    .a-delay-300 { --a-delay: 300ms; }
    .a-delay-400 { --a-delay: 400ms; }
    .a-delay-500 { --a-delay: 500ms; }
    .a-delay-600 { --a-delay: 600ms; }
    .a-delay-700 { --a-delay: 700ms; }
    .a-delay-800 { --a-delay: 800ms; }
    .a-delay-900 { --a-delay: 900ms; }
    .a-delay-1000 { --a-delay: 1000ms; }

    @media (width < 48rem) {
        .am-delay-0 { --a-delay: 0ms; }
        .am-delay-50 { --a-delay: 50ms; }
        .am-delay-100 { --a-delay: 100ms; }
        .am-delay-200 { --a-delay: 200ms; }
        .am-delay-300 { --a-delay: 300ms; }
        .am-delay-400 { --a-delay: 400ms; }
        .am-delay-500 { --a-delay: 500ms; }
        .am-delay-600 { --a-delay: 600ms; }
        .am-delay-700 { --a-delay: 700ms; }
        .am-delay-800 { --a-delay: 800ms; }
        .am-delay-900 { --a-delay: 900ms; }
        .am-delay-1000 { --a-delay: 1000ms; }
    }
    
    @media (width < 48rem) {
        .animate.am-none {
            opacity: 1 !important;
            translate: 0 0 !important;
            transition: none !important;
            will-change: auto;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .animate {
        transition: none !important;
        opacity: 1 !important;
        translate: none !important;
        rotate: none !important;
        scale: none !important;
    }
}/* End custom CSS */