.elementor-328 .elementor-element.elementor-element-300a68f{--display:flex;--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-328 .elementor-element.elementor-element-dfc4f49{text-align:center;}.elementor-328 .elementor-element.elementor-element-dfc4f49 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3em;font-weight:800;color:var( --e-global-color-d387ac1 );}.elementor-328 .elementor-element.elementor-element-554d96b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-328 .elementor-element.elementor-element-a034b9c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;columns:1;text-align:center;font-family:"Roboto", Sans-serif;font-size:1.2em;font-weight:400;color:var( --e-global-color-d387ac1 );}.elementor-328 .elementor-element.elementor-element-a034b9c.elementor-element{--align-self:center;}.elementor-328 .elementor-element.elementor-element-a644c2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-328 .elementor-element.elementor-element-917d089{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-b2b5ee0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-d9fcf3c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-53a080a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-328 .elementor-element.elementor-element-3da918f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-5d3f6d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-9cb70de{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-e42c2b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-f7da75f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-ab49a8d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-b2ec74e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-0bdad04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-569c56c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-c512de9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-ffd4157{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-1504f50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-328 .elementor-element.elementor-element-673bfa5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-328 .elementor-element.elementor-element-261dabf{--display:flex;}.elementor-328 .elementor-element.elementor-element-cc087d5{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-328 .elementor-element.elementor-element-a644c2a{--width:100%;}.elementor-328 .elementor-element.elementor-element-917d089{--width:100%;}.elementor-328 .elementor-element.elementor-element-b2b5ee0{--width:100%;}.elementor-328 .elementor-element.elementor-element-3da918f{--width:100%;}.elementor-328 .elementor-element.elementor-element-5d3f6d1{--width:100%;}.elementor-328 .elementor-element.elementor-element-f7da75f{--width:100%;}.elementor-328 .elementor-element.elementor-element-ab49a8d{--width:100%;}.elementor-328 .elementor-element.elementor-element-569c56c{--width:100%;}.elementor-328 .elementor-element.elementor-element-c512de9{--width:100%;}}@media(max-width:1024px){.elementor-328 .elementor-element.elementor-element-dfc4f49 .elementor-heading-title{font-size:2.5em;}.elementor-328 .elementor-element.elementor-element-a034b9c{font-size:1.1em;}.elementor-328 .elementor-element.elementor-element-cc087d5{--spacer-size:30px;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-dfc4f49 .elementor-heading-title{font-size:1.8em;}.elementor-328 .elementor-element.elementor-element-a034b9c{font-size:0.9em;}.elementor-328 .elementor-element.elementor-element-cc087d5{--spacer-size:20px;}}/* Start custom CSS for container, class: .elementor-element-917d089 */.elementor-328 .elementor-element.elementor-element-917d089 { --content-media-height: 440px; --content-media-visual-width: 400px; width: 85% !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", sans-serif; } /* Zwykły blok przy lewej krawędzi */ .elementor-328 .elementor-element.elementor-element-917d089:not(.content-media-reverse) { align-self: flex-start !important; margin-left: 0 !important; margin-right: auto !important; } /* Wersja odwrócona przy prawej krawędzi */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; } .elementor-328 .elementor-element.elementor-element-917d089 * { box-sizing: border-box; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-row { position: relative; width: 100%; max-width: none; height: var(--content-media-height) !important; min-height: var(--content-media-height) !important; max-height: var(--content-media-height) !important; display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; margin: 0; padding: 0; background: transparent !important; overflow: hidden; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy { position: relative; z-index: 1; height: 100%; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 40px; margin: 0; padding: 64px 40px 64px 128px; background: #1D1E20; overflow: visible; } /* Czarne wejście pod obrazek */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy::after { content: ""; position: absolute; top: 0; right: -80px; bottom: 0; width: 80px; background: #1D1E20; pointer-events: none; z-index: 0; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy > * { position: relative; z-index: 1; } /* Wersja odwrócona: czarne wejście od lewej */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-copy::after { left: -80px; right: auto; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title p { width: 100%; margin: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 40px; font-weight: 700; line-height: 52px; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description p, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description li { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 33px; text-align: justify; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description ul, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description ol { margin: 0; padding-left: 24px; } /* Obraz */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual { position: relative; z-index: 2; width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-height); min-height: var(--content-media-height); max-height: var(--content-media-height); flex: 0 0 var(--content-media-visual-width); align-self: stretch; display: flex !important; margin: 0; padding: 0; overflow: visible; line-height: 0; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual img { width: 100% !important; height: 100% !important; display: block; object-fit: contain; object-position: center center; margin: 0; padding: 0; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-row { flex-direction: row-reverse; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-copy { padding: 64px 128px 64px 40px; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action { --content-media-cta-width: 260px; --content-media-cta-height: 84px; --content-media-cta-offset: 40px; position: relative; overflow: visible !important; padding-bottom: var(--content-media-cta-offset) !important; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action { position: absolute; right: calc(var(--content-media-visual-width) - 18px); bottom: 0; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; padding: 0; z-index: 5; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action .elementor-button-wrapper { width: 100%; height: 100%; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; display: flex; align-items: center; justify-content: center; padding: 10px 18px; border: 6px solid #000000; border-radius: 6px; background: #F9A928; color: #000000; font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; text-align: center; text-transform: none; white-space: normal; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action .elementor-button:hover { background: #F9A928; color: #000000; transform: scale(1.03); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } } /* CTA dla obrazu po lewej */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action.content-media-reverse .content-media-action { left: calc(var(--content-media-visual-width) - 18px); right: auto; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) { .elementor-328 .elementor-element.elementor-element-917d089 { --content-media-height: 384px; --content-media-visual-width: 349px; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy { gap: 28px; padding: 48px 32px 48px 64px; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-copy { padding: 48px 64px 48px 32px; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title p { font-size: 34px; line-height: 44px; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description p, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description li { font-size: 17px; line-height: 24px; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action { --content-media-cta-width: 220px; --content-media-cta-height: 72px; --content-media-cta-offset: 34px; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action .elementor-button { padding: 8px 14px; border-width: 5px; font-size: 19px; line-height: 24px; } } /* ========================================================= MOBILE — tekst i obraz obok siebie, pełne czarne tło oraz CTA pod obrazkiem ========================================================= */ @media (max-width: 960px) { .elementor-328 .elementor-element.elementor-element-917d089, .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse { --content-media-visual-width: clamp(8.75rem, 35vw, 12rem); --content-media-mobile-height: clamp(9.625rem, 38.5vw, 13.2rem); width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; align-self: auto !important; margin: 0 !important; } /* Pełne czarne tło również pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-row, .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-row { height: auto !important; min-height: var(--content-media-mobile-height) !important; max-height: none !important; display: flex; flex-direction: row !important; flex-wrap: nowrap; align-items: stretch; background: #1D1E20 !important; overflow: visible; } /* Odwrócona wersja: obraz po lewej */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-row { flex-direction: row-reverse !important; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy, .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-copy { min-height: var(--content-media-mobile-height); height: auto; gap: 0.75rem; padding: 1.25rem 0.8rem 1.25rem 1.25rem; background: transparent; overflow: visible; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-reverse .content-media-copy { padding: 1.25rem 1.25rem 1.25rem 0.8rem; } /* Na telefonie całe tło robi content-media-row */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-copy::after { display: none; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-title p { font-size: clamp(1.25rem, 5.2vw, 1.6rem); line-height: 1.2; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description p, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description li { font-size: clamp(0.68rem, 2.5vw, 0.82rem); line-height: 1.35; text-align: left; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description ul, .elementor-328 .elementor-element.elementor-element-917d089 .content-media-description ol { padding-left: 1rem; } /* Obraz pozostaje obok tekstu */ .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual { width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-mobile-height); min-height: var(--content-media-mobile-height); max-height: var(--content-media-mobile-height); flex: 0 0 var(--content-media-visual-width); align-self: flex-start; aspect-ratio: auto; } .elementor-328 .elementor-element.elementor-element-917d089 .content-media-visual img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: center top; } /* ======================================================= CTA — pod obrazkiem, wewnątrz czarnego bloku ======================================================= */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action { --content-media-cta-width: min( calc(var(--content-media-visual-width) - 0.5rem), clamp(8rem, 30vw, 10rem) ); --content-media-cta-height: clamp(3.3rem, 12vw, 4.2rem); --content-media-cta-top: calc( var(--content-media-mobile-height) + 0.5rem ); padding-bottom: 0 !important; } /* Rząd jest wystarczająco wysoki na obraz i CTA */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-row { min-height: calc( var(--content-media-mobile-height) + var(--content-media-cta-height) + 0.75rem ) !important; } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action.content-media-reverse .content-media-action { position: absolute !important; top: var(--content-media-cta-top); bottom: auto; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; z-index: 5; } /* Obraz po prawej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action:not(.content-media-reverse) .content-media-action { left: auto; right: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } /* Obraz po lewej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action.content-media-reverse .content-media-action { right: auto; left: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } .elementor-328 .elementor-element.elementor-element-917d089.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; padding: 0.35rem 0.55rem; border-width: 0.3rem; border-radius: 0.3rem; font-size: clamp(0.82rem, 3.4vw, 1.05rem); line-height: 1.15; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3da918f */.elementor-328 .elementor-element.elementor-element-3da918f { --content-media-height: 440px; --content-media-visual-width: 400px; width: 85% !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", sans-serif; } /* Zwykły blok przy lewej krawędzi */ .elementor-328 .elementor-element.elementor-element-3da918f:not(.content-media-reverse) { align-self: flex-start !important; margin-left: 0 !important; margin-right: auto !important; } /* Wersja odwrócona przy prawej krawędzi */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; } .elementor-328 .elementor-element.elementor-element-3da918f * { box-sizing: border-box; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-row { position: relative; width: 100%; max-width: none; height: var(--content-media-height) !important; min-height: var(--content-media-height) !important; max-height: var(--content-media-height) !important; display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; margin: 0; padding: 0; background: transparent !important; overflow: hidden; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy { position: relative; z-index: 1; height: 100%; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 40px; margin: 0; padding: 64px 40px 64px 128px; background: #1D1E20; overflow: visible; } /* Czarne wejście pod obrazek */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy::after { content: ""; position: absolute; top: 0; right: -80px; bottom: 0; width: 80px; background: #1D1E20; pointer-events: none; z-index: 0; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy > * { position: relative; z-index: 1; } /* Wersja odwrócona: czarne wejście od lewej */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-copy::after { left: -80px; right: auto; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title p { width: 100%; margin: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 40px; font-weight: 700; line-height: 52px; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description p, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description li { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 33px; text-align: justify; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description ul, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description ol { margin: 0; padding-left: 24px; } /* Obraz */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual { position: relative; z-index: 2; width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-height); min-height: var(--content-media-height); max-height: var(--content-media-height); flex: 0 0 var(--content-media-visual-width); align-self: stretch; display: flex !important; margin: 0; padding: 0; overflow: visible; line-height: 0; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual img { width: 100% !important; height: 100% !important; display: block; object-fit: contain; object-position: center center; margin: 0; padding: 0; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-row { flex-direction: row-reverse; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-copy { padding: 64px 128px 64px 40px; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action { --content-media-cta-width: 260px; --content-media-cta-height: 84px; --content-media-cta-offset: 40px; position: relative; overflow: visible !important; padding-bottom: var(--content-media-cta-offset) !important; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action { position: absolute; right: calc(var(--content-media-visual-width) - 18px); bottom: 0; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; padding: 0; z-index: 5; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action .elementor-button-wrapper { width: 100%; height: 100%; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; display: flex; align-items: center; justify-content: center; padding: 10px 18px; border: 6px solid #000000; border-radius: 6px; background: #F9A928; color: #000000; font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; text-align: center; text-transform: none; white-space: normal; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action .elementor-button:hover { background: #F9A928; color: #000000; transform: scale(1.03); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } } /* CTA dla obrazu po lewej */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action.content-media-reverse .content-media-action { left: calc(var(--content-media-visual-width) - 18px); right: auto; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) { .elementor-328 .elementor-element.elementor-element-3da918f { --content-media-height: 384px; --content-media-visual-width: 349px; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy { gap: 28px; padding: 48px 32px 48px 64px; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-copy { padding: 48px 64px 48px 32px; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title p { font-size: 34px; line-height: 44px; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description p, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description li { font-size: 17px; line-height: 24px; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action { --content-media-cta-width: 220px; --content-media-cta-height: 72px; --content-media-cta-offset: 34px; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action .elementor-button { padding: 8px 14px; border-width: 5px; font-size: 19px; line-height: 24px; } } /* ========================================================= MOBILE — tekst i obraz obok siebie, pełne czarne tło oraz CTA pod obrazkiem ========================================================= */ @media (max-width: 960px) { .elementor-328 .elementor-element.elementor-element-3da918f, .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse { --content-media-visual-width: clamp(8.75rem, 35vw, 12rem); --content-media-mobile-height: clamp(9.625rem, 38.5vw, 13.2rem); width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; align-self: auto !important; margin: 0 !important; } /* Pełne czarne tło również pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-row, .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-row { height: auto !important; min-height: var(--content-media-mobile-height) !important; max-height: none !important; display: flex; flex-direction: row !important; flex-wrap: nowrap; align-items: stretch; background: #1D1E20 !important; overflow: visible; } /* Odwrócona wersja: obraz po lewej */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-row { flex-direction: row-reverse !important; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy, .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-copy { min-height: var(--content-media-mobile-height); height: auto; gap: 0.75rem; padding: 1.25rem 0.8rem 1.25rem 1.25rem; background: transparent; overflow: visible; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-reverse .content-media-copy { padding: 1.25rem 1.25rem 1.25rem 0.8rem; } /* Na telefonie całe tło robi content-media-row */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-copy::after { display: none; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-title p { font-size: clamp(1.25rem, 5.2vw, 1.6rem); line-height: 1.2; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description p, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description li { font-size: clamp(0.68rem, 2.5vw, 0.82rem); line-height: 1.35; text-align: left; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description ul, .elementor-328 .elementor-element.elementor-element-3da918f .content-media-description ol { padding-left: 1rem; } /* Obraz pozostaje obok tekstu */ .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual { width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-mobile-height); min-height: var(--content-media-mobile-height); max-height: var(--content-media-mobile-height); flex: 0 0 var(--content-media-visual-width); align-self: flex-start; aspect-ratio: auto; } .elementor-328 .elementor-element.elementor-element-3da918f .content-media-visual img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: center top; } /* ======================================================= CTA — pod obrazkiem, wewnątrz czarnego bloku ======================================================= */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action { --content-media-cta-width: min( calc(var(--content-media-visual-width) - 0.5rem), clamp(8rem, 30vw, 10rem) ); --content-media-cta-height: clamp(3.3rem, 12vw, 4.2rem); --content-media-cta-top: calc( var(--content-media-mobile-height) + 0.5rem ); padding-bottom: 0 !important; } /* Rząd jest wystarczająco wysoki na obraz i CTA */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-row { min-height: calc( var(--content-media-mobile-height) + var(--content-media-cta-height) + 0.75rem ) !important; } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action.content-media-reverse .content-media-action { position: absolute !important; top: var(--content-media-cta-top); bottom: auto; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; z-index: 5; } /* Obraz po prawej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action:not(.content-media-reverse) .content-media-action { left: auto; right: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } /* Obraz po lewej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action.content-media-reverse .content-media-action { right: auto; left: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } .elementor-328 .elementor-element.elementor-element-3da918f.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; padding: 0.35rem 0.55rem; border-width: 0.3rem; border-radius: 0.3rem; font-size: clamp(0.82rem, 3.4vw, 1.05rem); line-height: 1.15; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f7da75f */.elementor-328 .elementor-element.elementor-element-f7da75f { --content-media-height: 440px; --content-media-visual-width: 400px; width: 85% !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", sans-serif; } /* Zwykły blok przy lewej krawędzi */ .elementor-328 .elementor-element.elementor-element-f7da75f:not(.content-media-reverse) { align-self: flex-start !important; margin-left: 0 !important; margin-right: auto !important; } /* Wersja odwrócona przy prawej krawędzi */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; } .elementor-328 .elementor-element.elementor-element-f7da75f * { box-sizing: border-box; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-row { position: relative; width: 100%; max-width: none; height: var(--content-media-height) !important; min-height: var(--content-media-height) !important; max-height: var(--content-media-height) !important; display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; margin: 0; padding: 0; background: transparent !important; overflow: hidden; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy { position: relative; z-index: 1; height: 100%; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 40px; margin: 0; padding: 64px 40px 64px 128px; background: #1D1E20; overflow: visible; } /* Czarne wejście pod obrazek */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy::after { content: ""; position: absolute; top: 0; right: -80px; bottom: 0; width: 80px; background: #1D1E20; pointer-events: none; z-index: 0; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy > * { position: relative; z-index: 1; } /* Wersja odwrócona: czarne wejście od lewej */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-copy::after { left: -80px; right: auto; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title p { width: 100%; margin: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 40px; font-weight: 700; line-height: 52px; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description p, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description li { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 33px; text-align: justify; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description ul, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description ol { margin: 0; padding-left: 24px; } /* Obraz */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual { position: relative; z-index: 2; width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-height); min-height: var(--content-media-height); max-height: var(--content-media-height); flex: 0 0 var(--content-media-visual-width); align-self: stretch; display: flex !important; margin: 0; padding: 0; overflow: visible; line-height: 0; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual img { width: 100% !important; height: 100% !important; display: block; object-fit: contain; object-position: center center; margin: 0; padding: 0; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-row { flex-direction: row-reverse; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-copy { padding: 64px 128px 64px 40px; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action { --content-media-cta-width: 260px; --content-media-cta-height: 84px; --content-media-cta-offset: 40px; position: relative; overflow: visible !important; padding-bottom: var(--content-media-cta-offset) !important; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action { position: absolute; right: calc(var(--content-media-visual-width) - 18px); bottom: 0; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; padding: 0; z-index: 5; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action .elementor-button-wrapper { width: 100%; height: 100%; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; display: flex; align-items: center; justify-content: center; padding: 10px 18px; border: 6px solid #000000; border-radius: 6px; background: #F9A928; color: #000000; font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; text-align: center; text-transform: none; white-space: normal; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action .elementor-button:hover { background: #F9A928; color: #000000; transform: scale(1.03); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } } /* CTA dla obrazu po lewej */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action.content-media-reverse .content-media-action { left: calc(var(--content-media-visual-width) - 18px); right: auto; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) { .elementor-328 .elementor-element.elementor-element-f7da75f { --content-media-height: 384px; --content-media-visual-width: 349px; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy { gap: 28px; padding: 48px 32px 48px 64px; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-copy { padding: 48px 64px 48px 32px; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title p { font-size: 34px; line-height: 44px; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description p, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description li { font-size: 17px; line-height: 24px; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action { --content-media-cta-width: 220px; --content-media-cta-height: 72px; --content-media-cta-offset: 34px; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action .elementor-button { padding: 8px 14px; border-width: 5px; font-size: 19px; line-height: 24px; } } /* ========================================================= MOBILE — tekst i obraz obok siebie, pełne czarne tło oraz CTA pod obrazkiem ========================================================= */ @media (max-width: 960px) { .elementor-328 .elementor-element.elementor-element-f7da75f, .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse { --content-media-visual-width: clamp(8.75rem, 35vw, 12rem); --content-media-mobile-height: clamp(9.625rem, 38.5vw, 13.2rem); width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; align-self: auto !important; margin: 0 !important; } /* Pełne czarne tło również pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-row, .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-row { height: auto !important; min-height: var(--content-media-mobile-height) !important; max-height: none !important; display: flex; flex-direction: row !important; flex-wrap: nowrap; align-items: stretch; background: #1D1E20 !important; overflow: visible; } /* Odwrócona wersja: obraz po lewej */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-row { flex-direction: row-reverse !important; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy, .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-copy { min-height: var(--content-media-mobile-height); height: auto; gap: 0.75rem; padding: 1.25rem 0.8rem 1.25rem 1.25rem; background: transparent; overflow: visible; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-reverse .content-media-copy { padding: 1.25rem 1.25rem 1.25rem 0.8rem; } /* Na telefonie całe tło robi content-media-row */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-copy::after { display: none; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-title p { font-size: clamp(1.25rem, 5.2vw, 1.6rem); line-height: 1.2; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description p, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description li { font-size: clamp(0.68rem, 2.5vw, 0.82rem); line-height: 1.35; text-align: left; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description ul, .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-description ol { padding-left: 1rem; } /* Obraz pozostaje obok tekstu */ .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual { width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-mobile-height); min-height: var(--content-media-mobile-height); max-height: var(--content-media-mobile-height); flex: 0 0 var(--content-media-visual-width); align-self: flex-start; aspect-ratio: auto; } .elementor-328 .elementor-element.elementor-element-f7da75f .content-media-visual img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: center top; } /* ======================================================= CTA — pod obrazkiem, wewnątrz czarnego bloku ======================================================= */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action { --content-media-cta-width: min( calc(var(--content-media-visual-width) - 0.5rem), clamp(8rem, 30vw, 10rem) ); --content-media-cta-height: clamp(3.3rem, 12vw, 4.2rem); --content-media-cta-top: calc( var(--content-media-mobile-height) + 0.5rem ); padding-bottom: 0 !important; } /* Rząd jest wystarczająco wysoki na obraz i CTA */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-row { min-height: calc( var(--content-media-mobile-height) + var(--content-media-cta-height) + 0.75rem ) !important; } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action.content-media-reverse .content-media-action { position: absolute !important; top: var(--content-media-cta-top); bottom: auto; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; z-index: 5; } /* Obraz po prawej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action:not(.content-media-reverse) .content-media-action { left: auto; right: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } /* Obraz po lewej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action.content-media-reverse .content-media-action { right: auto; left: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } .elementor-328 .elementor-element.elementor-element-f7da75f.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; padding: 0.35rem 0.55rem; border-width: 0.3rem; border-radius: 0.3rem; font-size: clamp(0.82rem, 3.4vw, 1.05rem); line-height: 1.15; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-569c56c */.elementor-328 .elementor-element.elementor-element-569c56c { --content-media-height: 440px; --content-media-visual-width: 400px; width: 85% !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", sans-serif; } /* Zwykły blok przy lewej krawędzi */ .elementor-328 .elementor-element.elementor-element-569c56c:not(.content-media-reverse) { align-self: flex-start !important; margin-left: 0 !important; margin-right: auto !important; } /* Wersja odwrócona przy prawej krawędzi */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; } .elementor-328 .elementor-element.elementor-element-569c56c * { box-sizing: border-box; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-row { position: relative; width: 100%; max-width: none; height: var(--content-media-height) !important; min-height: var(--content-media-height) !important; max-height: var(--content-media-height) !important; display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; margin: 0; padding: 0; background: transparent !important; overflow: hidden; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy { position: relative; z-index: 1; height: 100%; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 40px; margin: 0; padding: 64px 40px 64px 128px; background: #1D1E20; overflow: visible; } /* Czarne wejście pod obrazek */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy::after { content: ""; position: absolute; top: 0; right: -80px; bottom: 0; width: 80px; background: #1D1E20; pointer-events: none; z-index: 0; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy > * { position: relative; z-index: 1; } /* Wersja odwrócona: czarne wejście od lewej */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-copy::after { left: -80px; right: auto; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title p { width: 100%; margin: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 40px; font-weight: 700; line-height: 52px; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description p, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description li { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 33px; text-align: justify; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description ul, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description ol { margin: 0; padding-left: 24px; } /* Obraz */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual { position: relative; z-index: 2; width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-height); min-height: var(--content-media-height); max-height: var(--content-media-height); flex: 0 0 var(--content-media-visual-width); align-self: stretch; display: flex !important; margin: 0; padding: 0; overflow: visible; line-height: 0; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual img { width: 100% !important; height: 100% !important; display: block; object-fit: contain; object-position: center center; margin: 0; padding: 0; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-row { flex-direction: row-reverse; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-copy { padding: 64px 128px 64px 40px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action { --content-media-cta-width: 260px; --content-media-cta-height: 84px; --content-media-cta-offset: 40px; position: relative; overflow: visible !important; padding-bottom: var(--content-media-cta-offset) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action { position: absolute; right: calc(var(--content-media-visual-width) - 18px); bottom: 0; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; padding: 0; z-index: 5; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action .elementor-button-wrapper { width: 100%; height: 100%; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; display: flex; align-items: center; justify-content: center; padding: 10px 18px; border: 6px solid #000000; border-radius: 6px; background: #F9A928; color: #000000; font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; text-align: center; text-transform: none; white-space: normal; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action .elementor-button:hover { background: #F9A928; color: #000000; transform: scale(1.03); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } } /* CTA dla obrazu po lewej */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action.content-media-reverse .content-media-action { left: calc(var(--content-media-visual-width) - 18px); right: auto; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) { .elementor-328 .elementor-element.elementor-element-569c56c { --content-media-height: 384px; --content-media-visual-width: 349px; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy { gap: 28px; padding: 48px 32px 48px 64px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-copy { padding: 48px 64px 48px 32px; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title p { font-size: 34px; line-height: 44px; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description p, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description li { font-size: 17px; line-height: 24px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action { --content-media-cta-width: 220px; --content-media-cta-height: 72px; --content-media-cta-offset: 34px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action .elementor-button { padding: 8px 14px; border-width: 5px; font-size: 19px; line-height: 24px; } } /* ========================================================= MOBILE — tekst i obraz obok siebie, pełne czarne tło oraz CTA pod obrazkiem ========================================================= */ @media (max-width: 960px) { .elementor-328 .elementor-element.elementor-element-569c56c, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse { --content-media-visual-width: clamp(8.75rem, 35vw, 12rem); --content-media-mobile-height: clamp(9.625rem, 38.5vw, 13.2rem); width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; align-self: auto !important; margin: 0 !important; } /* Pełne czarne tło również pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-row, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-row { height: auto !important; min-height: var(--content-media-mobile-height) !important; max-height: none !important; display: flex; flex-direction: row !important; flex-wrap: nowrap; align-items: stretch; background: #1D1E20 !important; overflow: visible; } /* Odwrócona wersja: obraz po lewej */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-row { flex-direction: row-reverse !important; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-copy { min-height: var(--content-media-mobile-height); height: auto; gap: 0.75rem; padding: 1.25rem 0.8rem 1.25rem 1.25rem; background: transparent; overflow: visible; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-reverse .content-media-copy { padding: 1.25rem 1.25rem 1.25rem 0.8rem; } /* Na telefonie całe tło robi content-media-row */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-copy::after { display: none; } /* Tytuł */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-title p { font-size: clamp(1.25rem, 5.2vw, 1.6rem); line-height: 1.2; text-align: center; } /* Opis */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description p, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description li { font-size: clamp(0.68rem, 2.5vw, 0.82rem); line-height: 1.35; text-align: left; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description ul, .elementor-328 .elementor-element.elementor-element-569c56c .content-media-description ol { padding-left: 1rem; } /* Obraz pozostaje obok tekstu */ .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual { width: var(--content-media-visual-width); min-width: var(--content-media-visual-width); max-width: var(--content-media-visual-width); height: var(--content-media-mobile-height); min-height: var(--content-media-mobile-height); max-height: var(--content-media-mobile-height); flex: 0 0 var(--content-media-visual-width); align-self: flex-start; aspect-ratio: auto; } .elementor-328 .elementor-element.elementor-element-569c56c .content-media-visual img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: center top; } /* ======================================================= CTA — pod obrazkiem, wewnątrz czarnego bloku ======================================================= */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action { --content-media-cta-width: min( calc(var(--content-media-visual-width) - 0.5rem), clamp(8rem, 30vw, 10rem) ); --content-media-cta-height: clamp(3.3rem, 12vw, 4.2rem); --content-media-cta-top: calc( var(--content-media-mobile-height) + 0.5rem ); padding-bottom: 0 !important; } /* Rząd jest wystarczająco wysoki na obraz i CTA */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-row { min-height: calc( var(--content-media-mobile-height) + var(--content-media-cta-height) + 0.75rem ) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action.content-media-reverse .content-media-action { position: absolute !important; top: var(--content-media-cta-top); bottom: auto; width: var(--content-media-cta-width); height: var(--content-media-cta-height); margin: 0; z-index: 5; } /* Obraz po prawej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action:not(.content-media-reverse) .content-media-action { left: auto; right: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } /* Obraz po lewej: CTA wycentrowane pod nim */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action.content-media-reverse .content-media-action { right: auto; left: calc( (var(--content-media-visual-width) - var(--content-media-cta-width)) / 2 ); } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-with-action .content-media-action .elementor-button { width: 100%; height: 100%; min-height: 0 !important; padding: 0.35rem 0.55rem; border-width: 0.3rem; border-radius: 0.3rem; font-size: clamp(0.82rem, 3.4vw, 1.05rem); line-height: 1.15; } } /* ========================================================= CONTENT MEDIA — WARIANT PODSUMOWANIA / FIGMA Klasa na głównym kontenerze: content-media-summary ========================================================= */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 250px; --summary-width: 85%; --summary-max-width: 980px; --summary-pad-left: 90px; --summary-pad-right: 70px; --summary-visual-width: 210px; --summary-image-size: 142px; --summary-copy-gap: 18px; --summary-title-size: 24px; --summary-title-line: 31px; --summary-desc-size: 13px; --summary-desc-line: 18px; --summary-button-width: 178px; --summary-button-height: 42px; --summary-slant: 28px; width: var(--summary-width) !important; max-width: var(--summary-max-width) !important; align-self: center !important; margin-left: auto !important; margin-right: auto !important; padding-bottom: calc((var(--summary-button-height) / 2) + 8px) !important; overflow: visible !important; font-family: "Manrope", sans-serif !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary * { box-sizing: border-box; } /* Główny czarny blok */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-row { position: relative !important; width: 100% !important; height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-row::before { content: ""; position: absolute; inset: 0; background: #1d1e20; clip-path: polygon( var(--summary-slant) 0, 100% 0, 100% 100%, 0 100% ); z-index: 0; pointer-events: none; } /* Obraz po lewej */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual { position: relative !important; z-index: 2 !important; width: var(--summary-visual-width) !important; min-width: var(--summary-visual-width) !important; max-width: var(--summary-visual-width) !important; height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; flex: 0 0 var(--summary-visual-width) !important; overflow: visible !important; line-height: 0 !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual .elementor-widget-container { width: var(--summary-image-size) !important; height: var(--summary-image-size) !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual img { width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; object-position: center center !important; } /* Tekst po prawej */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { position: relative !important; z-index: 1 !important; height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; gap: var(--summary-copy-gap) !important; margin: 0 !important; padding: 32px var(--summary-pad-right) 32px 24px !important; background: transparent !important; overflow: hidden !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy::after { display: none !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title p { width: 100% !important; margin: 0 !important; color: #ffffff !important; font-family: "Manrope", sans-serif !important; font-size: var(--summary-title-size) !important; font-weight: 700 !important; line-height: var(--summary-title-line) !important; text-align: center !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description p, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description li { margin: 0 !important; color: #ffffff !important; font-family: "Manrope", sans-serif !important; font-size: var(--summary-desc-size) !important; font-weight: 500 !important; line-height: var(--summary-desc-line) !important; text-align: justify !important; } /* CTA — wystaje pod czarną sekcję, pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary.content-media-with-action { position: relative !important; overflow: visible !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary.content-media-with-action.content-media-reverse .content-media-action { position: absolute !important; left: calc( var(--summary-pad-left) + ((var(--summary-visual-width) - var(--summary-button-width)) / 2) ) !important; right: auto !important; top: calc(var(--summary-height) - (var(--summary-button-height) / 2)) !important; bottom: auto !important; width: var(--summary-button-width) !important; height: var(--summary-button-height) !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button-wrapper { width: 100% !important; height: 100% !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { width: 100% !important; height: 100% !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 6px 14px !important; background: #f9a928 !important; border: 4px solid #000000 !important; border-radius: 3px !important; color: #000000 !important; font-family: "Manrope", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 22px !important; text-align: center !important; text-transform: none !important; white-space: nowrap !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (hover: hover) and (pointer: fine) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button:hover { background: #f9a928 !important; color: #000000 !important; transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.22); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 230px; --summary-width: 92%; --summary-max-width: none; --summary-pad-left: 62px; --summary-pad-right: 42px; --summary-visual-width: 180px; --summary-image-size: 132px; --summary-title-size: 22px; --summary-title-line: 29px; --summary-desc-size: 11.5px; --summary-desc-line: 16px; --summary-button-width: 160px; --summary-button-height: 38px; --summary-slant: 24px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { padding: 28px var(--summary-pad-right) 28px 18px !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { border-width: 3px !important; font-size: 15px !important; line-height: 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 200px; --summary-width: 100%; --summary-pad-left: 24px; --summary-pad-right: 18px; --summary-visual-width: 132px; --summary-image-size: 104px; --summary-copy-gap: 10px; --summary-title-size: 17px; --summary-title-line: 22px; --summary-desc-size: 8.4px; --summary-desc-line: 11.6px; --summary-button-width: 122px; --summary-button-height: 30px; --summary-slant: 18px; padding-bottom: calc((var(--summary-button-height) / 2) + 6px) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-row { height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual { height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; padding: 22px var(--summary-pad-right) 22px 10px !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { padding: 4px 8px !important; border-width: 3px !important; font-size: 12px !important; line-height: 16px !important; } } /* ========================================================= CONTENT MEDIA SUMMARY — większa wersja jak pozostałe sekcje Wklej na sam koniec CSS tego widgetu ========================================================= */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 390px; --summary-width: 85%; --summary-max-width: none; --summary-visual-width: 360px; --summary-image-size: 240px; --summary-copy-gap: 34px; --summary-title-size: 40px; --summary-title-line: 52px; --summary-desc-size: 20px; --summary-desc-line: 33px; --summary-button-width: 260px; --summary-button-height: 72px; --summary-slant: 42px; width: var(--summary-width) !important; max-width: var(--summary-max-width) !important; align-self: center !important; margin-left: auto !important; margin-right: auto !important; padding-bottom: calc((var(--summary-button-height) / 2) + 12px) !important; } /* Czarny blok */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-row { height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-row::before { clip-path: polygon( var(--summary-slant) 0, 100% 0, 100% 100%, 0 100% ) !important; } /* Obraz */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual { width: var(--summary-visual-width) !important; min-width: var(--summary-visual-width) !important; max-width: var(--summary-visual-width) !important; height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; flex: 0 0 var(--summary-visual-width) !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual > .elementor-element, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual .elementor-widget-container { width: var(--summary-image-size) !important; height: var(--summary-image-size) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-visual img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; } /* Tekst */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { height: var(--summary-height) !important; min-height: var(--summary-height) !important; max-height: var(--summary-height) !important; justify-content: center !important; gap: var(--summary-copy-gap) !important; padding: 64px 96px 64px 24px !important; background: transparent !important; overflow: visible !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title .elementor-heading-title, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-title p { font-size: var(--summary-title-size) !important; line-height: var(--summary-title-line) !important; font-weight: 700 !important; text-align: center !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description .elementor-widget-container, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description p, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-description li { font-size: var(--summary-desc-size) !important; line-height: var(--summary-desc-line) !important; font-weight: 500 !important; text-align: justify !important; } /* Przycisk — większy i pod obrazkiem */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary.content-media-with-action .content-media-action, .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary.content-media-with-action.content-media-reverse .content-media-action { left: calc( (var(--summary-visual-width) - var(--summary-button-width)) / 2 ) !important; right: auto !important; top: calc(var(--summary-height) - (var(--summary-button-height) / 2)) !important; bottom: auto !important; width: var(--summary-button-width) !important; height: var(--summary-button-height) !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 10px 18px !important; border: 6px solid #000000 !important; border-radius: 6px !important; background: #f9a928 !important; color: #000000 !important; font-family: "Manrope", sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 28px !important; text-align: center !important; text-transform: none !important; white-space: normal !important; } /* ========================================================= MNIEJSZY DESKTOP / LAPTOP ========================================================= */ @media (max-width: 1200px) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 340px; --summary-visual-width: 310px; --summary-image-size: 210px; --summary-copy-gap: 26px; --summary-title-size: 34px; --summary-title-line: 44px; --summary-desc-size: 17px; --summary-desc-line: 24px; --summary-button-width: 220px; --summary-button-height: 64px; --summary-slant: 34px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { padding: 48px 64px 48px 20px !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { border-width: 5px !important; font-size: 19px !important; line-height: 24px !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 960px) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 280px; --summary-width: 100%; --summary-visual-width: 240px; --summary-image-size: 170px; --summary-copy-gap: 18px; --summary-title-size: 28px; --summary-title-line: 36px; --summary-desc-size: 13px; --summary-desc-line: 19px; --summary-button-width: 190px; --summary-button-height: 54px; --summary-slant: 26px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { padding: 36px 40px 36px 16px !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { border-width: 4px !important; font-size: 16px !important; line-height: 21px !important; } } /* ========================================================= TELEFON ========================================================= */ @media (max-width: 767px) { .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { --summary-height: 220px; --summary-visual-width: 150px; --summary-image-size: 112px; --summary-copy-gap: 10px; --summary-title-size: 18px; --summary-title-line: 23px; --summary-desc-size: 8.6px; --summary-desc-line: 11.8px; --summary-button-width: 128px; --summary-button-height: 32px; --summary-slant: 18px; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-copy { padding: 22px 18px 22px 10px !important; } .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary .content-media-action .elementor-button { padding: 4px 8px !important; border-width: 3px !important; font-size: 12px !important; line-height: 16px !important; } } /* ========================================================= SUMMARY — wyrównanie całego widgetu do prawej ========================================================= */ .elementor-328 .elementor-element.elementor-element-569c56c.content-media-summary { align-self: flex-end !important; margin-left: auto !important; margin-right: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a644c2a */@media (min-width: 768px) { .elementor-328 .elementor-element.elementor-element-a644c2a { width: 100vw !important; max-width: 100vw !important; flex: 0 0 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 40px; overflow: visible !important; } }/* End custom CSS */