.elementor-12 .elementor-element.elementor-element-901ec9b{--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;}.elementor-12 .elementor-element.elementor-element-17c6b99{--display:flex;}.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-12 .elementor-element.elementor-element-c014f4a .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.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-12 .elementor-element.elementor-element-a9acdd5{font-family:var( --e-global-typography-2bc156e-font-family ), Sans-serif;font-size:var( --e-global-typography-2bc156e-font-size );font-weight:var( --e-global-typography-2bc156e-font-weight );color:var( --e-global-color-5cc7b64 );}.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-12 .elementor-element.elementor-element-4044c85 .elementor-button{background-color:var( --e-global-color-c6ee870 );font-family:var( --e-global-typography-2bc156e-font-family ), Sans-serif;font-size:var( --e-global-typography-2bc156e-font-size );font-weight:var( --e-global-typography-2bc156e-font-weight );fill:var( --e-global-color-c6eafd8 );color:var( --e-global-color-c6eafd8 );}.elementor-12 .elementor-element.elementor-element-68dbff02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:128px 0px 128px 0px;}.elementor-12 .elementor-element.elementor-element-68dbff02 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-58e47e6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-58e47e6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-58e47e6 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-0f6eef3 .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-31ef883{margin:1.25rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;text-align:justify;font-family:var( --e-global-typography-e6289c7-font-family ), Sans-serif;font-size:var( --e-global-typography-e6289c7-font-size );font-weight:var( --e-global-typography-e6289c7-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-45440f38 > .elementor-element-populated{border-style:none;padding:0% 4% 0% 4%;}.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-12 .elementor-element.elementor-element-4dc41763 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-a078aeb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:128px 0px 128px 0px;}.elementor-12 .elementor-element.elementor-element-a078aeb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-99a1485 > .elementor-element-populated{border-style:none;padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-7c08200 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-5276e2c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-5276e2c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-5276e2c > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-5770b14 .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-e42d93c{margin:1.25rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;text-align:justify;font-family:var( --e-global-typography-e6289c7-font-family ), Sans-serif;font-size:var( --e-global-typography-e6289c7-font-size );font-weight:var( --e-global-typography-e6289c7-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-61b4e3b{--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;}.elementor-12 .elementor-element.elementor-element-69da1e1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:128px 0px 128px 0px;}.elementor-12 .elementor-element.elementor-element-69da1e1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-182cd13 > .elementor-element-populated{border-style:none;padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-f70a790 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-b4142ab.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-b4142ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-b4142ab > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-2c374ad .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-aa6e146{margin:1.25rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;text-align:justify;font-family:var( --e-global-typography-e6289c7-font-family ), Sans-serif;font-size:var( --e-global-typography-e6289c7-font-size );font-weight:var( --e-global-typography-e6289c7-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-482d57f5{padding:128px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-bde789a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-bde789a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-bde789a > .elementor-element-populated{padding:0% 4% 0% 4%;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-6efc1dda.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-6efc1dda.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-6efc1dda > .elementor-element-populated{padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-1f44712{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-12 .elementor-element.elementor-element-1f44712 .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-5302f0b3{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;text-align:justify;font-family:var( --e-global-typography-e6289c7-font-family ), Sans-serif;font-size:var( --e-global-typography-e6289c7-font-size );font-weight:var( --e-global-typography-e6289c7-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-12 .elementor-element.elementor-element-3c452118{padding:128px 0px 128px 0px;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-fe4ca60.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-fe4ca60.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-fe4ca60 > .elementor-element-populated{padding:0% 4% 0% 4%;}.elementor-12 .elementor-element.elementor-element-127f2535{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 2rem) 0rem;text-align:center;}.elementor-12 .elementor-element.elementor-element-127f2535 .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-77be13b7{--titles-container-justify-content:center;--image-border-width:2px;--image-border-radius:0px;--image-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-5cc7b64 );--galleries-title-color-hover:var( --e-global-color-c6eafd8 );--galleries-pointer-bg-color-hover:var( --e-global-color-99d3b54 );--gallery-title-color-active:#BBB3A5;--galleries-pointer-bg-color-active:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-77be13b7 .elementor-gallery-title{font-family:"Poppins", Sans-serif;font-size:1.25rem;font-weight:400;text-transform:uppercase;line-height:1.5em;}.elementor-12 .elementor-element.elementor-element-c414d00{--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;}.elementor-12 .elementor-element.elementor-element-c414d00:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c414d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF7;}.elementor-12 .elementor-element.elementor-element-c414d00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-204553e{--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;}.elementor-12 .elementor-element.elementor-element-3e1c36b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-46b7a719{--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;--border-radius:35px 35px 35px 35px;--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-12 .elementor-element.elementor-element-46b7a719:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-46b7a719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-6ed573de{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 2rem) 0rem;padding:0px 0px 0px 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-6ed573de .elementor-heading-title{font-family:var( --e-global-typography-47b3f58-font-family ), Sans-serif;font-size:var( --e-global-typography-47b3f58-font-size );font-weight:var( --e-global-typography-47b3f58-font-weight );color:var( --e-global-color-5cc7b64 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-557c3971{margin:0% 2% calc(var(--kit-widget-spacing, 0px) + 0%) 2%;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group{padding-right:calc( 19px/2 );padding-left:calc( 19px/2 );margin-bottom:47px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-form-fields-wrapper{margin-left:calc( -19px/2 );margin-right:calc( -19px/2 );margin-bottom:-47px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group > label, .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-subgroup label{color:#414141;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-type-html{padding-bottom:0px;color:#3946BE;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group .elementor-field{color:#727272;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group .elementor-field, .elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-field-group .elementor-select-wrapper select{border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-557c3971 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-c6ee870 );color:#ffffff;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-button[type="submit"]{background-color:var( --e-global-color-c6ee870 );color:#ffffff;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12 .elementor-element.elementor-element-557c3971 .e-form__buttons__wrapper__button-previous{background-color:#C9B9A8;color:#ffffff;}.elementor-12 .elementor-element.elementor-element-557c3971 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#C9B9A8;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#C9B9A8;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-button[type="submit"]:hover svg *{fill:#C9B9A8;}.elementor-12 .elementor-element.elementor-element-557c3971 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-557c3971 .elementor-message{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-12 .elementor-element.elementor-element-41d7a22{--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;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-58e47e6{width:45%;}.elementor-12 .elementor-element.elementor-element-45440f38{width:55%;}.elementor-12 .elementor-element.elementor-element-99a1485{width:55%;}.elementor-12 .elementor-element.elementor-element-5276e2c{width:45%;}.elementor-12 .elementor-element.elementor-element-182cd13{width:55%;}.elementor-12 .elementor-element.elementor-element-b4142ab{width:45%;}.elementor-12 .elementor-element.elementor-element-c414d00{--width:98.514%;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-c014f4a .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-a9acdd5{font-size:var( --e-global-typography-2bc156e-font-size );}.elementor-12 .elementor-element.elementor-element-4044c85 .elementor-button{font-size:var( --e-global-typography-2bc156e-font-size );}.elementor-12 .elementor-element.elementor-element-68dbff02{padding:0px 20px 0px 20px;}.elementor-12 .elementor-element.elementor-element-0f6eef3 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-31ef883{font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-45440f38.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-45440f38.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-a078aeb{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-99a1485.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-99a1485.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-5770b14 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-e42d93c{font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-69da1e1{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-182cd13.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-182cd13.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-2c374ad .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-aa6e146{font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-482d57f5{padding:0px 20px 0px 20px;}.elementor-12 .elementor-element.elementor-element-1f44712 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-5302f0b3{font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-3c452118{padding:0px 20px 0px 20px;}.elementor-12 .elementor-element.elementor-element-127f2535 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-6ed573de .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-c014f4a .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-a9acdd5{font-size:var( --e-global-typography-2bc156e-font-size );}.elementor-12 .elementor-element.elementor-element-4044c85 .elementor-button{font-size:var( --e-global-typography-2bc156e-font-size );}.elementor-12 .elementor-element.elementor-element-68dbff02{padding:32px 0px 32px 0px;}.elementor-12 .elementor-element.elementor-element-0f6eef3 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-31ef883{text-align:justify;font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-a078aeb{padding:32px 0px 32px 0px;}.elementor-12 .elementor-element.elementor-element-5770b14 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-e42d93c{text-align:justify;font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-69da1e1{padding:32px 0px 32px 0px;}.elementor-12 .elementor-element.elementor-element-2c374ad .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-aa6e146{text-align:justify;font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-482d57f5{margin-top:0px;margin-bottom:0px;padding:64px 0px 32px 0px;}.elementor-12 .elementor-element.elementor-element-1f44712 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-5302f0b3{text-align:justify;font-size:var( --e-global-typography-e6289c7-font-size );}.elementor-12 .elementor-element.elementor-element-3c452118{margin-top:0px;margin-bottom:0px;padding:64px 0px 32px 0px;}.elementor-12 .elementor-element.elementor-element-127f2535 .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}.elementor-12 .elementor-element.elementor-element-3e1c36b7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-6ed573de .elementor-heading-title{font-size:var( --e-global-typography-47b3f58-font-size );}}/* Start custom CSS for container, class: .elementor-element-901ec9b *//* ================== GLOBAL ================== */ :root{ --hero-bg-1: url("https://verdekady.pl/wp-content/uploads/2025/11/Wizualizacja-zewnetrzna-2-e1763071968457.jpg"); --header-h-desktop: 88px; --header-h-mobile: 64px; --hero-offset-desktop: 150px; --hero-offset-tablet: 150px; --hero-offset-mobile-extra: clamp(120px, 20vh, 180px); --hero-offset-tablet-extra: clamp(130px, 22vh, 210px); --accent: #2EAF67; --accent-700: #27995A; --text: #0F1115; --muted: #2A2F36; --radius-lg: 20px; --radius-md: 12px; --hero-br: 20px; --shadow-lg: 0 8px 24px rgba(0,0,0,.10); /* zmniejszona maksymalna szerokość karty */ --max-card-w: clamp(360px, 26vw, 520px); --copy-lh: 1.45; --copy-mb: 8px; --btn-py: clamp(8px, 1.1vw, 12px); --btn-px: clamp(14px, 1.8vw, 18px); --btn-radius: 10px; } /* ================== HERO: BAZA ================== */ .hero{ position: relative; isolation: isolate; display: grid; justify-items: start; align-items: start; overflow: clip; padding: clamp(12px, 2vw, 20px); padding-inline: max(clamp(10px, 2vw, 18px), env(safe-area-inset-left,0px)) max(clamp(10px, 2vw, 18px), env(safe-area-inset-right,0px)); color: var(--text); } /* Tło i overlay */ .hero.hero--glass::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image: var(--hero-bg-1); background-size: cover; background-position: center; background-repeat: no-repeat; } .hero.hero--glass::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(to bottom, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 45%, rgba(0,0,0,.0) 100%); } /* ================== HERO -- GLASS: FULLSCREEN + ROUNDED + CIEŃ POD SEKCJĄ ================== */ .hero.hero--glass{ min-height: 100svh; display: grid; align-content: start; border-radius: 0 0 var(--hero-br) var(--hero-br); overflow: visible; filter: drop-shadow(0 10px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 4px rgba(0,0,0,.05)); } @supports (height: 100dvh){ .hero.hero--glass{ min-height: 100dvh; } } @supports (height: 100lvh){ .hero.hero--glass{ min-height: 100lvh; } } .hero.hero--glass::before, .hero.hero--glass::after{ border-radius: inherit; } /* Elementor containers pełna wysokość */ .hero.hero--glass > .elementor-container, .hero.hero--glass > .elementor-container > .elementor-row, .hero.hero--glass > .e-con-inner, .hero.hero--glass > .e-con-inner > .e-con{ min-height: 100%; } /* ================== KARTA TEKSTU ================== */ .hero .hero__card{ position: relative; z-index: 5; max-width: min(var(--max-card-w), 92vw); margin: 0; padding: clamp(12px, 1.6vw, 18px); background: rgba(255,255,255,.88); border-radius: var(--radius-lg); border: 1px solid rgba(255,255,255,.85); box-shadow: 0 10px 26px rgba(0,0,0,.14); text-align: left; opacity: 0; transform: translateY(12px); animation: heroIn .6s ease-out .15s forwards; } .hero .hero__card:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.18); } /* ================== TYPO ================== */ .hero .hero__title, .hero .hero__card :is(h1,h2,.elementor-heading-title){ margin: 0 0 6px 0; font-weight: 800; line-height: 1.12; font-size: clamp(20px, 2.3vw, 32px); letter-spacing: -0.02em; text-wrap: balance; word-break: break-word; hyphens: auto; color: #ffffff; background: linear-gradient(135deg, #6F7865, #BFC9AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .hero .hero__sub, .hero .hero__card :is(p, .elementor-widget-text-editor p){ margin: 0 0 var(--copy-mb); color: rgba(26,30,34,.92); font-size: clamp(14px, 1.3vw, 17px); line-height: var(--copy-lh); max-width: 60ch; } .hero .hero__card p:last-child{ margin-bottom: 0; } .hero .hero__card [style*="font-size"]{ font-size: inherit !important; } .hero .hero__eyebrow{ display:inline-block; margin-bottom:6px; padding:4px 10px; border-radius:999px; background: rgba(111,120,101,.12); color:#2A2F36; font-weight:700; font-size: clamp(12px, .9vw, 13px); letter-spacing:.02em; } /* ================== CTA ================== */ .btns{ display:flex; gap:6px 8px; flex-wrap:wrap; justify-content:flex-start; } .button.elementor-widget, .button.elementor-widget-button, .elementor-button-wrapper.button{ background: transparent; border: 0; box-shadow: none; padding: 0; width: auto; text-align: left; } .button .elementor-button-link, .elementor-button-wrapper.button .elementor-button-link{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items:center; justify-content:center; gap:8px; padding: var(--btn-py) var(--btn-px); border-radius: var(--btn-radius); font-size: clamp(13px, 1.15vw, 15px); border: 1px solid transparent; cursor: pointer; transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, border-color .14s ease; text-decoration: none; color: #fff; min-height: 44px; } .button--primary .elementor-button-link{ background: var(--accent); box-shadow: 0 6px 16px rgba(0,0,0,.18); } .button--primary .elementor-button-link:hover{ background: var(--accent-700); transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.18); } .button--primary .elementor-button-link::before{ content:""; position:absolute; top:-25%; bottom:-25%; left:-30%; width:18%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 48%, rgba(255,255,255,0) 100%); transform: skewX(-18deg) translateX(-140%); opacity:.8; mix-blend-mode: screen; transition: transform .7s cubic-bezier(.22,.61,.36,1); z-index: 1; pointer-events:none; } .button--primary .elementor-button-link:hover::before{ transform: skewX(-18deg) translateX(520%); } .button .elementor-button-link:focus-visible{ outline: none; box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(46,175,103,.60); } .button .elementor-button-link::after{ content:""; position:absolute; left:50%; top:50%; width:0; height:0; border-radius:50%; background: rgba(255,255,255,.35); transform: translate(-50%,-50%); transition: width .35s ease, height .35s ease, opacity .5s ease; opacity:0; } .button .elementor-button-link:active::after{ width:220%; height:220%; opacity:1; } /* ================== BENEFITS ================== */ .hero__benefits{ margin: 6px 0 6px; display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px 10px; font-size: clamp(13px, 1.1vw, 15px); } .hero__benefits .elementor-icon-list-item{ align-items: center; } .hero__benefits .elementor-icon-list-icon{ transform: translateY(1px); } /* ================== ANIMACJE ================== */ @keyframes heroIn{ from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:translateY(0)} } @media (prefers-reduced-motion: reduce){ .hero .hero__card{ animation:none !important; opacity:1 !important; transform:none !important; } .button--primary .elementor-button-link::before{ display:none; } } /* ================== MOBILE (≤480px) ================== */ @media (max-width: 480px){ .hero{ justify-items: center; align-content: flex-start; text-align: center; padding-inline: max(10px, env(safe-area-inset-left,0px)) max(10px, env(safe-area-inset-right,0px)); /* trochę niżej niż połowa ekranu */ padding-top: calc(var(--header-h-mobile) + 50vh); padding-bottom: max(18px, env(safe-area-inset-bottom,0px)); } .hero.hero--glass{ height: 100svh; align-content: flex-start; padding-bottom: max(18px, env(safe-area-inset-bottom,0px)); } /* karta na mobile bez tła, obramowania i cienia – tylko kontener na przycisk */ .hero .hero__card{ margin: 0; max-width: 100%; padding: 0; border-radius: 0; background: transparent; border: none; box-shadow: none; text-align: center; } /* ukrycie nagłówka, akapitów, eyebrow i benefitów na mobile */ .hero .hero__eyebrow, .hero .hero__card :is(h1,h2,.elementor-heading-title), .hero .hero__card :is(p, .elementor-widget-text-editor p), .hero__benefits{ display: none !important; } .hero .hero__card :is(h1,h2,.elementor-heading-title){ text-align: center !important; font-size: clamp(16px, 4.8vw, 19px) !important; letter-spacing: -0.015em !important; } .hero .hero__card :is(p, .elementor-widget-text-editor p){ text-align: center !important; font-size: clamp(13px, 3.8vw, 15px) !important; line-height: 1.46 !important; margin-left: auto !important; margin-right: auto !important; } .btns{ width: 100%; justify-content: center !important; gap: 6px; margin-top: 0; margin-bottom: clamp(18px, 5vh, 30px); } /* MNIEJSZY PRZYCISK I TEKST NA MOBILE */ .button .elementor-button-link{ width: clamp(150px, 70vw, 210px); min-height: 32px; font-size: clamp(10px, 2.6vw, 11px); padding-inline: 10px; padding-top: 5px; padding-bottom: 5px; } .hero .elementor-widget-button, .hero .elementor-widget-button .elementor-button-wrapper, .hero .button.elementor-widget, .hero .elementor-button-wrapper.button{ text-align: center !important; } .hero__benefits{ grid-template-columns: 1fr; text-align:left; font-size: clamp(12px, 3.6vw, 14px); } .scroll-cue{ display:none !important; } } /* ================== TABLET (481–1024px) ================== */ @media (min-width: 481px) and (max-width: 1024px){ .hero{ justify-items: center; align-content: flex-start; text-align: left; /* karta jeszcze niżej – większy padding od góry */ padding-top: calc(var(--header-h-mobile) + 45vh); padding-bottom: 24px; } .hero .hero__card{ margin: 0 auto 0; max-width: min(460px, 80vw); padding: clamp(12px, 1.7vw, 18px); text-align: left; } .hero .hero__card :is(h1,h2,.elementor-heading-title){ text-align: left !important; font-size: clamp(18px, 2.3vw, 24px) !important; } .hero .hero__card :is(p, .elementor-widget-text-editor p){ text-align: left !important; font-size: clamp(13px, 1.7vw, 16px) !important; line-height: 1.45 !important; margin-left: 0 !important; margin-right: 0 !important; } .btns{ justify-content: flex-start; gap: 8px 10px; margin-top: 10px; } .button .elementor-button-link{ width: clamp(190px, 38vw, 260px); min-height: 42px; font-size: clamp(12px, 1.5vw, 14px); } } /* ================== DESKTOP (≥1025px) ================== */ @media (min-width: 1025px){ .hero{ min-height: min(92dvh, 820px); padding-top: calc(var(--header-h-desktop) + 33vh); padding-bottom: 36px; justify-items: end; align-content: flex-start; } @supports not (height: 100dvh){ .hero{ min-height: min(92vh, 820px); } } body:not(.reduce-motion) .hero.hero--glass::after{ will-change: transform; transform: translateY(-2vh) scale(1.02); } html:not(.no-js) .hero.hero--glass{ --par: 0; } html:not(.no-js) .hero.hero--glass::after{ transform: translateY(calc(-2vh + var(--par)*.6)) scale(1.02); } .hero .hero__card{ margin: 0 clamp(24px, 3vw, 44px) 0 0; } .hero .hero__sub, .hero .hero__card :is(p, .elementor-widget-text-editor p){ max-width: 54ch !important; } } /* ================== DROBNE ================== */ @media (min-width: 481px){ .hero .elementor-widget-button, .hero .elementor-widget-button .elementor-button-wrapper{ text-align: left; } } .scroll-cue{ position:absolute; z-index:6; left:50%; bottom:clamp(14px, 2.4vh, 24px); transform:translateX(-50%); opacity:.85; cursor:pointer; } .button .elementor-button-link{ min-height:44px; } .hero .hero__card:focus-within{ box-shadow: 0 0 0 3px rgba(46,175,103,.22), var(--shadow-lg); } /* Wyłącz zielony ring na focus/click */ .button .elementor-button-link:focus, .button .elementor-button-link:focus-visible { outline: none !important; box-shadow: none !important; } /* Wyłącz podświetlenie karty przy focus wewnątrz */ .hero .hero__card:focus-within{ box-shadow: none !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-68dbff02 *//* ================================ MINIMAL HERO – pełny arkusz Tekst lewa / obraz prawa ================================ */ /* --- BAZA --- */ .minimal-hero{ position:relative; isolation:isolate; padding-block:clamp(40px,8vw,120px); background:#FAFAF7; } .minimal-hero > *{ position:relative; z-index:1; box-sizing:border-box; } /* Obraz (prawa kolumna) */ .minimal-hero .hero-media{ overflow:visible; } .minimal-hero .hero-media img{ display:block; width:100%; height:auto; border-top-right-radius:24px; transform:translateZ(0); transition:transform .5s ease, box-shadow .5s ease, filter .5s ease; box-shadow:0 10px 30px rgba(0,0,0,.06); filter:saturate(.9) contrast(.98); will-change:transform, filter; } @media (hover:hover){ .minimal-hero .hero-media img:hover{ transform:scale(1.015); box-shadow:0 18px 50px rgba(0,0,0,.10); filter:saturate(.95) contrast(1); } } /* delikatny „bleed” obrazu (desktop) */ @media (min-width:1025px){ .minimal-hero .hero-media{ transform:translateX(-12px); } } /* Tekst (lewa kolumna) */ .minimal-hero .hero-copy{ position:relative; padding-inline:clamp(8px,2vw,16px); } .minimal-hero .hero-title{ font-weight:600; letter-spacing:-.02em; margin:0 0 .6em 0; } /* Akapity i listy – spójna typografia */ .minimal-hero .hero-copy p, .minimal-hero .hero-copy li{ font-size:clamp(17px,1.2vw,20px); line-height:1.65; color:#232323; text-align:left; /* upewniamy się, że brak justify */ text-justify:auto; word-spacing:normal; letter-spacing:normal; hyphens:auto; overflow-wrap:break-word; } .minimal-hero .hero-copy ul, .minimal-hero .hero-copy ol{ margin:.6em 0 .9em 1.2em; padding:0; list-style:disc outside; font:inherit; color:inherit; } .minimal-hero .hero-copy li{ font-weight:400; margin:0 0 .4em 0; } /* Link/CTA */ .minimal-hero .hero-link{ position:relative; text-decoration:none; color:inherit; padding-bottom:2px; } .minimal-hero .hero-link::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,.25); transform:scaleX(.2); transform-origin:left; transition:transform .35s ease, background .35s ease; } .minimal-hero .hero-link:hover::after, .minimal-hero .hero-link:focus-visible::after{ transform:scaleX(1); background:rgba(0,0,0,.85); } /* Grain tła */ .minimal-hero::after{ content:""; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit; background-image:url("data:image/svg+xml;utf8,\ \ \ "); background-repeat:repeat; background-size:180px 180px; mix-blend-mode:normal; opacity:.035; } /* Elementor overlay */ .elementor-section.minimal-hero > .elementor-background-overlay{ mix-blend-mode:normal; opacity:var(--e-overlay-opacity,1); } /* wyłączenie starego dividera */ .minimal-hero .hero-copy::before, .minimal-hero-left .hero-copy::before{ display:none !important; } /* ===================== WARIANTY SEPARATORÓW ===================== */ .minimal-hero.sep-shadow .hero-media img, .minimal-hero-left.sep-shadow .hero-media img{ box-shadow:0 16px 48px rgba(0,0,0,.12); } .minimal-hero.sep-shadow .hero-copy, .minimal-hero-left.sep-shadow .hero-copy{ padding-inline:clamp(16px,3vw,32px); } .minimal-hero.sep-gradient .hero-copy, .minimal-hero-left.sep-gradient .hero-copy{ position:relative; } .minimal-hero.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; right:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:0 8px 8px 0; } .minimal-hero-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } .minimal-hero.sep-underline .hero-title, .minimal-hero-left.sep-underline .hero-title{ position:relative; margin-bottom:.75rem; } .minimal-hero.sep-underline .hero-title::after, .minimal-hero-left.sep-underline .hero-title::after{ content:""; display:block; width:40px; height:2px; margin-top:.6rem; background:rgba(0,0,0,.18); border-radius:2px; } @media (max-width:767px){ .minimal-hero.sep-underline .hero-title::after, .minimal-hero-left.sep-underline .hero-title::after{ width:28px; } } /* ===================== RESPONSYWNOŚĆ ===================== */ /* TABLET 768–1024px */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero{ padding-block:clamp(48px,9vw,96px); } .minimal-hero .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero .hero-title{ font-size:clamp(28px,4.2vw,40px); line-height:1.15; margin:0 0 .8rem 0; } .minimal-hero .hero-copy p, .minimal-hero .hero-copy li{ font-size:clamp(17px,2.1vw,20px); line-height:1.75; max-width:70ch; } .minimal-hero .hero-media{ margin-top:clamp(18px,4vw,32px); transform:none; } .minimal-hero .hero-media img{ aspect-ratio:16/10; object-fit:cover; border-radius:20px; box-shadow:0 16px 48px rgba(0,0,0,.12); filter:saturate(.95) contrast(1); } .minimal-hero.sep-gradient .hero-copy::after, .minimal-hero-left.sep-gradient .hero-copy::after{ width:16px; right:-16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:0 10px 10px 0; } /* TWARDY ODSTĘP SEKCJI NA TABLETACH i brak kolapsu marginesów względem poprzedniej sekcji z nagłówkiem */ .elementor-section.minimal-hero{ display:flow-root; /* anty-kolaps */ margin-block:clamp(40px,7vw,84px) !important; /* większy odstęp */ } /* na wszelki wypadek dopnij margines na sąsiadach */ .elementor-section.minimal-hero + .elementor-section{ margin-top:clamp(40px,7vw,84px) !important; } .elementor-section + .elementor-section.minimal-hero{ margin-top:clamp(40px,7vw,84px) !important; } } /* MOBILE ≤767px */ @media (max-width:767px){ .minimal-hero{ padding-block:28px; } .minimal-hero .hero-copy{ padding-inline:12px; max-width:38rem; /* krótsza linia – lepsza czytelność */ margin-inline:auto; } .minimal-hero .hero-title{ margin-bottom:.5rem; } .minimal-hero .hero-title::after{ content:""; display:block; width:28px; height:2px; margin-top:.5rem; background:rgba(0,0,0,.14); border-radius:2px; } .minimal-hero .hero-media{ transform:none; } .minimal-hero .hero-media img{ border-top-right-radius:16px; aspect-ratio:16/10; max-height:48vh; object-fit:cover; } .minimal-hero .hero-copy p, .minimal-hero .hero-copy li{ font-size:clamp(15px,3.9vw,17px); line-height:1.6; } .minimal-hero.sep-gradient .hero-copy::after, .minimal-hero-left.sep-gradient .hero-copy::after{ display:none; } } /* MOBILE + brak hover (poprawne zagnieżdżenie media) */ @media (max-width:767px) and (hover:none){ .minimal-hero .hero-media img:hover{ transform:none; box-shadow:0 10px 30px rgba(0,0,0,.06); } } /* Dark mode – bez zmian kolorów treści */ @media (prefers-color-scheme: dark){ .minimal-hero{ background:#FAFAF7; } .minimal-hero::after{ mix-blend-mode:normal; } .minimal-hero .hero-copy p, .minimal-hero .hero-copy li{ color:#232323; } } /* Odwrócenie: obraz LEWO, tekst PRAWO (desktop) */ @media (min-width:1025px){ .minimal-hero-left .elementor-container, .minimal-hero-left .elementor-row{ display:flex; flex-direction:row-reverse; } .minimal-hero-left .hero-media{ transform:translateX(12px); } } /* Korekta gradientu dla -left */ .minimal-hero-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } /* TABLET: wymuś stack w Elementorze + polish */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero .elementor-container, .minimal-hero .elementor-row, .minimal-hero > .e-con-inner, .minimal-hero-left .elementor-container, .minimal-hero-left .elementor-row, .minimal-hero-left > .e-con-inner{ display:flex; flex-direction:column; gap:clamp(16px,4vw,32px); align-items:stretch; } .minimal-hero .elementor-column, .minimal-hero-left .elementor-column, .minimal-hero .elementor-column-wrap, .minimal-hero-left .elementor-column-wrap, .minimal-hero .e-con, .minimal-hero-left .e-con{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .minimal-hero .hero-copy, .minimal-hero-left .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero .hero-media, .minimal-hero-left .hero-media{ order:0; transform:none; max-width:920px; margin-inline:auto; margin-top:clamp(18px,4vw,32px); } .minimal-hero .hero-media img, .minimal-hero-left .hero-media img{ border-radius:20px; aspect-ratio:16/10; object-fit:cover; box-shadow:0 16px 48px rgba(0,0,0,.12); } .minimal-hero-left.sep-gradient .hero-copy::after{ left:-16px; right:auto; width:16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:10px 0 0 10px; } } /* === DESKTOP WIDER (≥1200px) === */ @media (min-width:1200px){ .minimal-hero .elementor-container, .minimal-hero > .e-con-inner{ max-width:1280px !important; margin-inline:auto; padding-inline:28px; } .minimal-hero .hero-copy{ max-width:640px; } .minimal-hero .hero-media{ max-width:820px; transform:translateX(-10px); } .minimal-hero .hero-media img{ aspect-ratio:16/10; object-fit:cover; } } /* === VERY WIDE (≥1600px) === */ @media (min-width:1600px){ .minimal-hero .elementor-container, .minimal-hero > .e-con-inner{ max-width:1440px !important; } .minimal-hero .hero-copy{ max-width:680px; } .minimal-hero .hero-media{ max-width:860px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-69da1e1 *//* ================================ MINIMAL HERO IMG FULL – pełny arkusz Tekst lewa / obraz prawa (bez przycinania) ================================ */ /* --- BAZA --- */ .minimal-hero-full{ position:relative; isolation:isolate; padding-block:clamp(40px,8vw,120px); background:#FAFAF7; } .minimal-hero-full > *{ position:relative; z-index:1; box-sizing:border-box; } /* Obraz (prawa kolumna) */ .minimal-hero-full .hero-media{ overflow:visible; } .minimal-hero-full .hero-media img{ display:block; width:100%; height:auto; /* pełny obraz, bez przycinania */ border-top-right-radius:24px; transform:translateZ(0); transition:transform .5s ease, box-shadow .5s ease, filter .5s ease; box-shadow:0 10px 30px rgba(0,0,0,.06); filter:saturate(.9) contrast(.98); will-change:transform, filter; } @media (hover:hover){ .minimal-hero-full .hero-media img:hover{ transform:scale(1.015); box-shadow:0 18px 50px rgba(0,0,0,.10); filter:saturate(.95) contrast(1); } } /* SVG w widżecie „Obraz” – zachowaj zaokrąglenia, usuń rozmywające efekty */ .minimal-hero-full .hero-media img[src*=".svg"]{ filter:none; transform:none; will-change:auto; } @media (hover:hover){ .minimal-hero-full .hero-media img[src*=".svg"]:hover{ transform:none; filter:none; } } /* delikatny „bleed” obrazu (desktop) */ @media (min-width:1025px){ .minimal-hero-full .hero-media{ transform:translateX(-12px); } } /* Tekst (lewa kolumna) */ .minimal-hero-full .hero-copy{ position:relative; padding-inline:clamp(8px,2vw,16px); } .minimal-hero-full .hero-title{ font-weight:600; letter-spacing:-.02em; margin:0 0 .6em 0; } /* Akapity i listy – spójna typografia */ .minimal-hero-full .hero-copy p, .minimal-hero-full .hero-copy li{ font-size:clamp(17px,1.2vw,20px); line-height:1.65; color:#232323; text-align:left; } .minimal-hero-full .hero-copy ul, .minimal-hero-full .hero-copy ol{ margin:.6em 0 .9em 1.2em; padding:0; list-style:disc outside; font:inherit; color:inherit; } .minimal-hero-full .hero-copy li{ font-weight:400; margin:0 0 .4em 0; } /* Link/CTA */ .minimal-hero-full .hero-link{ position:relative; text-decoration:none; color:inherit; padding-bottom:2px; } .minimal-hero-full .hero-link::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,.25); transform:scaleX(.2); transform-origin:left; transition:transform .35s ease, background .35s ease; } .minimal-hero-full .hero-link:hover::after, .minimal-hero-full .hero-link:focus-visible::after{ transform:scaleX(1); background:rgba(0,0,0,.85); } /* Grain tła */ .minimal-hero-full::after{ content:""; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit; background-image:url("data:image/svg+xml;utf8,\ \ \ "); background-repeat:repeat; background-size:180px 180px; mix-blend-mode:normal; opacity:.035; } /* Elementor overlay */ .elementor-section.minimal-hero-full > .elementor-background-overlay{ mix-blend-mode:normal; opacity:var(--e-overlay-opacity,1); } /* wyłączenie starego dividera */ .minimal-hero-full .hero-copy::before, .minimal-hero-full-left .hero-copy::before{ display:none !important; } /* ===================== WARIANTY SEPARATORÓW ===================== */ .minimal-hero-full.sep-shadow .hero-media img, .minimal-hero-full-left.sep-shadow .hero-media img{ box-shadow:0 16px 48px rgba(0,0,0,.12); } .minimal-hero-full.sep-shadow .hero-copy, .minimal-hero-full-left.sep-shadow .hero-copy{ padding-inline:clamp(16px,3vw,32px); } .minimal-hero-full.sep-gradient .hero-copy, .minimal-hero-full-left.sep-gradient .hero-copy{ position:relative; } .minimal-hero-full.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; right:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:0 8px 8px 0; } .minimal-hero-full-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } .minimal-hero-full.sep-underline .hero-title, .minimal-hero-full-left.sep-underline .hero-title{ position:relative; margin-bottom:.75rem; } .minimal-hero-full.sep-underline .hero-title::after, .minimal-hero-full-left.sep-underline .hero-title::after{ content:""; display:block; width:40px; height:2px; margin-top:.6rem; background:rgba(0,0,0,.18); border-radius:2px; } @media (max-width:767px){ .minimal-hero-full.sep-underline .hero-title::after, .minimal-hero-full-left.sep-underline .hero-title::after{ width:28px; } } /* ===================== RESPONSYWNOŚĆ ===================== */ /* TABLET 768–1024px */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero-full{ padding-block:clamp(48px,9vw,96px); } .minimal-hero-full .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero-full .hero-title{ font-size:clamp(28px,4.2vw,40px); line-height:1.15; margin:0 0 .8rem 0; } .minimal-hero-full .hero-copy p, .minimal-hero-full .hero-copy li{ font-size:clamp(17px,2.1vw,20px); line-height:1.75; max-width:70ch; text-align:left; } .minimal-hero-full .hero-media{ margin-top:clamp(18px,4vw,32px); transform:none; } .minimal-hero-full .hero-media img{ width:100%; height:auto; /* brak aspect-ratio / object-fit */ border-radius:20px; box-shadow:0 16px 48px rgba(0,0,0,.12); filter:saturate(.95) contrast(1); } .minimal-hero-full.sep-gradient .hero-copy::after, .minimal-hero-full-left.sep-gradient .hero-copy::after{ width:16px; right:-16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:0 10px 10px 0; } .elementor-section.minimal-hero-full{ display:flow-root; margin-block:clamp(40px,7vw,84px) !important; } .elementor-section.minimal-hero-full + .elementor-section{ margin-top:clamp(40px,7vw,84px) !important; } .elementor-section + .elementor-section.minimal-hero-full{ margin-top:clamp(40px,7vw,84px) !important; } } /* MOBILE ≤767px */ @media (max-width:767px){ .minimal-hero-full{ padding-block:28px; } .minimal-hero-full .hero-copy{ padding-inline:4px; } .minimal-hero-full .hero-title{ margin-bottom:.5rem; } .minimal-hero-full .hero-title::after{ content:""; display:block; width:28px; height:2px; margin-top:.5rem; background:rgba(0,0,0,.14); border-radius:2px; } .minimal-hero-full .hero-media{ transform:none; } .minimal-hero-full .hero-media img{ border-top-right-radius:16px; width:100%; height:auto; /* pełny obraz */ max-height:none; } @media (hover:none){ .minimal-hero-full .hero-media img:hover{ transform:none; box-shadow:0 10px 30px rgba(0,0,0,.06); } } .minimal-hero-full .hero-copy p, .minimal-hero-full .hero-copy li{ font-size:clamp(16px,4.2vw,18px); line-height:1.7; text-align:left; } .minimal-hero-full.sep-gradient .hero-copy::after, .minimal-hero-full-left.sep-gradient .hero-copy::after{ display:none; } } /* Dark mode – bez zmian kolorów treści */ @media (prefers-color-scheme: dark){ .minimal-hero-full{ background:#FAFAF7; } .minimal-hero-full::after{ mix-blend-mode:normal; } .minimal-hero-full .hero-copy p, .minimal-hero-full .hero-copy li{ color:#232323; } } /* Odwrócenie: obraz LEWO, tekst PRAWO (desktop) */ @media (min-width:1025px){ .minimal-hero-full-left .elementor-container, .minimal-hero-full-left .elementor-row{ display:flex; flex-direction:row-reverse; } .minimal-hero-full-left .hero-media{ transform:translateX(12px); } } /* Korekta gradientu dla -left */ .minimal-hero-full-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } /* TABLET: stack w Elementorze + polish */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero-full .elementor-container, .minimal-hero-full .elementor-row, .minimal-hero-full > .e-con-inner, .minimal-hero-full-left .elementor-container, .minimal-hero-full-left .elementor-row, .minimal-hero-full-left > .e-con-inner{ display:flex; flex-direction:column; gap:clamp(16px,4vw,32px); align-items:stretch; } .minimal-hero-full .elementor-column, .minimal-hero-full-left .elementor-column, .minimal-hero-full .elementor-column-wrap, .minimal-hero-full-left .elementor-column-wrap, .minimal-hero-full .e-con, .minimal-hero-full-left .e-con{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .minimal-hero-full .hero-copy, .minimal-hero-full-left .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero-full .hero-media, .minimal-hero-full-left .hero-media{ order:0; transform:none; max-width:920px; margin-inline:auto; margin-top:clamp(18px,4vw,32px); } .minimal-hero-full .hero-media img, .minimal-hero-full-left .hero-media img{ border-radius:20px; width:100%; height:auto; /* brak aspect-ratio / object-fit */ box-shadow:0 16px 48px rgba(0,0,0,.12); } .minimal-hero-full-left.sep-gradient .hero-copy::after{ left:-16px; right:auto; width:16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:10px 0 0 10px; } } /* === DESKTOP WIDER (≥1200px) === */ @media (min-width:1200px){ .minimal-hero-full .elementor-container, .minimal-hero-full > .e-con-inner{ max-width:1280px !important; margin-inline:auto; padding-inline:28px; } .minimal-hero-full .hero-copy{ max-width:640px; } .minimal-hero-full .hero-media{ max-width:820px; transform:translateX(-10px); } .minimal-hero-full .hero-media img{ width:100%; height:auto; /* pełny obraz */ } } /* === VERY WIDE (≥1600px) === */ @media (min-width:1600px){ .minimal-hero-full .elementor-container, .minimal-hero-full > .e-con-inner{ max-width:1440px !important; } .minimal-hero-full .hero-copy{ max-width:680px; } .minimal-hero-full .hero-media{ max-width:860px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-482d57f5 *//* ================================ MINIMAL HERO IMG FULL – pełny arkusz Tekst lewa / obraz prawa (bez przycinania) ================================ */ /* --- BAZA --- */ .minimal-hero-static{ position:relative; isolation:isolate; padding-block:clamp(40px,8vw,120px); background:#FAFAF7; } .minimal-hero-static > *{ position:relative; z-index:1; box-sizing:border-box; } /* Obraz (prawa kolumna) */ .minimal-hero-static .hero-media{ overflow:visible; } .minimal-hero-static .hero-media img{ display:block; width:100%; height:auto; /* pełny obraz, bez przycinania */ border-top-right-radius:24px; } /* SVG w widżecie Obraz – maksymalna ostrość */ .minimal-hero-static .hero-media img[src*=".svg"]{ border-radius:0; box-shadow:none; filter:none; transform:none; will-change:auto; image-rendering:auto; } @media (hover:hover){ .minimal-hero-static .hero-media img[src*=".svg"]:hover{ transform:none; box-shadow:none; filter:none; } } /* delikatny „bleed” obrazu (desktop) */ @media (min-width:1025px){ .minimal-hero-static .hero-media{ transform:translateX(-12px); } } /* Tekst (lewa kolumna) */ .minimal-hero-static .hero-copy{ position:relative; padding-inline:clamp(8px,2vw,16px); } .minimal-hero-static .hero-title{ font-weight:600; letter-spacing:-.02em; margin:0 0 .6em 0; } /* Akapity i listy – spójna typografia */ .minimal-hero-static .hero-copy p, .minimal-hero-static .hero-copy li{ font-size:clamp(17px,1.2vw,20px); line-height:1.65; color:#232323; text-align:left; /* wyłączenie justowania */ } .minimal-hero-static .hero-copy ul, .minimal-hero-static .hero-copy ol{ margin:.6em 0 .9em 1.2em; padding:0; list-style:disc outside; font:inherit; color:inherit; } .minimal-hero-static .hero-copy li{ font-weight:400; margin:0 0 .4em 0; } /* Link/CTA */ .minimal-hero-static .hero-link{ position:relative; text-decoration:none; color:inherit; padding-bottom:2px; } .minimal-hero-static .hero-link::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,.25); transform:scaleX(.2); transform-origin:left; transition:transform .35s ease, background .35s ease; } .minimal-hero-static .hero-link:hover::after, .minimal-hero-static .hero-link:focus-visible::after{ transform:scaleX(1); background:rgba(0,0,0,.85); } /* Grain tła */ .minimal-hero-static::after{ content:""; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit; background-image:url("data:image/svg+xml;utf8,\ \ \ "); background-repeat:repeat; background-size:180px 180px; mix-blend-mode:normal; opacity:.035; } /* Elementor overlay */ .elementor-section.minimal-hero-static > .elementor-background-overlay{ mix-blend-mode:normal; opacity:var(--e-overlay-opacity,1); } /* wyłączenie starego dividera */ .minimal-hero-static .hero-copy::before, .minimal-hero-static-left .hero-copy::before{ display:none !important; } /* ===================== WARIANTY SEPARATORÓW ===================== */ .minimal-hero-static.sep-shadow .hero-media img, .minimal-hero-static-left.sep-shadow .hero-media img{ box-shadow:none; } .minimal-hero-static.sep-shadow .hero-copy, .minimal-hero-static-left.sep-shadow .hero-copy{ padding-inline:clamp(16px,3vw,32px); } .minimal-hero-static.sep-gradient .hero-copy, .minimal-hero-static-left.sep-gradient .hero-copy{ position:relative; } .minimal-hero-static.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; right:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:0 8px 8px 0; } .minimal-hero-static-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } .minimal-hero-static.sep-underline .hero-title, .minimal-hero-static-left.sep-underline .hero-title{ position:relative; margin-bottom:.75rem; } .minimal-hero-static.sep-underline .hero-title::after, .minimal-hero-static-left.sep-underline .hero-title::after{ content:""; display:block; width:40px; height:2px; margin-top:.6rem; background:rgba(0,0,0,.18); border-radius:2px; } @media (max-width:767px){ .minimal-hero-static.sep-underline .hero-title::after, .minimal-hero-static-left.sep-underline .hero-title::after{ width:28px; } } /* ===================== RESPONSYWNOŚĆ ===================== */ /* TABLET 768–1024px */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero-static{ padding-block:clamp(48px,9vw,96px); } .minimal-hero-static .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero-static .hero-title{ font-size:clamp(28px,4.2vw,40px); line-height:1.15; margin:0 0 .8rem 0; } .minimal-hero-static .hero-copy p, .minimal-hero-static .hero-copy li{ font-size:clamp(17px,2.1vw,20px); line-height:1.75; max-width:70ch; text-align:left; /* tablet: wyrównanie do lewej */ } .minimal-hero-static .hero-media{ margin-top:clamp(18px,4vw,32px); transform:none; } .minimal-hero-static .hero-media img{ width:100%; height:auto; /* brak aspect-ratio / object-fit */ border-radius:20px; } .minimal-hero-static.sep-gradient .hero-copy::after, .minimal-hero-static-left.sep-gradient .hero-copy::after{ width:16px; right:-16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:0 10px 10px 0; } .elementor-section.minimal-hero-static{ display:flow-root; margin-block:clamp(40px,7vw,84px) !important; } .elementor-section.minimal-hero-static + .elementor-section{ margin-top:clamp(40px,7vw,84px) !important; } .elementor-section + .elementor-section.minimal-hero-static{ margin-top:clamp(40px,7vw,84px) !important; } } /* MOBILE ≤767px */ @media (max-width:767px){ .minimal-hero-static{ padding-block:28px; } .minimal-hero-static .hero-copy{ padding-inline:4px; } .minimal-hero-static .hero-title{ margin-bottom:.5rem; } .minimal-hero-static .hero-title::after{ content:""; display:block; width:28px; height:2px; margin-top:.5rem; background:rgba(0,0,0,.14); border-radius:2px; } .minimal-hero-static .hero-media{ transform:none; } .minimal-hero-static .hero-media img{ border-top-right-radius:16px; width:100%; height:auto; /* pełny obraz */ max-height:none; } .minimal-hero-static .hero-copy p, .minimal-hero-static .hero-copy li{ font-size:clamp(16px,4.2vw,18px); line-height:1.7; text-align:left; /* mobile: wyrównanie do lewej */ } .minimal-hero-static.sep-gradient .hero-copy::after, .minimal-hero-static-left.sep-gradient .hero-copy::after{ display:none; } } /* Dark mode – bez zmian kolorów treści */ @media (prefers-color-scheme: dark){ .minimal-hero-static{ background:#FAFAF7; } .minimal-hero-static::after{ mix-blend-mode:normal; } .minimal-hero-static .hero-copy p, .minimal-hero-static .hero-copy li{ color:#232323; } } /* Odwrócenie: obraz LEWO, tekst PRAWO (desktop) */ @media (min-width:1025px){ .minimal-hero-static-left .elementor-container, .minimal-hero-static-left .elementor-row{ display:flex; flex-direction:row-reverse; } .minimal-hero-static-left .hero-media{ transform:translateX(12px); } } /* Korekta gradientu dla -left */ .minimal-hero-static-left.sep-gradient .hero-copy::after{ content:""; position:absolute; top:0; left:-12px; width:12px; height:100%; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0)); border-radius:8px 0 0 8px; } /* TABLET: stack w Elementorze + polish */ @media (min-width:768px) and (max-width:1024px){ .minimal-hero-static .elementor-container, .minimal-hero-static .elementor-row, .minimal-hero-static > .e-con-inner, .minimal-hero-static-left .elementor-container, .minimal-hero-static-left .elementor-row, .minimal-hero-static-left > .e-con-inner{ display:flex; flex-direction:column; gap:clamp(16px,4vw,32px); align-items:stretch; } .minimal-hero-static .elementor-column, .minimal-hero-static-left .elementor-column, .minimal-hero-static .elementor-column-wrap, .minimal-hero-static-left .elementor-column-wrap, .minimal-hero-static .e-con, .minimal-hero-static-left .e-con{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .minimal-hero-static .hero-copy, .minimal-hero-static-left .hero-copy{ order:-1; max-width:760px; margin-inline:auto; padding:clamp(16px,3.2vw,28px) clamp(12px,3vw,24px); } .minimal-hero-static .hero-media, .minimal-hero-static-left .hero-media{ order:0; transform:none; max-width:920px; margin-inline:auto; margin-top:clamp(18px,4vw,32px); } .minimal-hero-static .hero-media img, .minimal-hero-static-left .hero-media img{ border-radius:20px; width:100%; height:auto; /* brak aspect-ratio / object-fit */ } .minimal-hero-static-left.sep-gradient .hero-copy::after{ left:-16px; right:auto; width:16px; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius:10px 0 0 10px; } } /* === DESKTOP WIDER (≥1200px) === */ @media (min-width:1200px){ .minimal-hero-static .elementor-container, .minimal-hero-static > .e-con-inner{ max-width:1280px !important; margin-inline:auto; padding-inline:28px; } .minimal-hero-static .hero-copy{ max-width:640px; } .minimal-hero-static .hero-media{ max-width:820px; transform:translateX(-10px); } .minimal-hero-static .hero-media img{ width:100%; height:auto; /* pełny obraz */ } } /* === VERY WIDE (≥1600px) === */ @media (min-width:1600px){ .minimal-hero-static .elementor-container, .minimal-hero-static > .e-con-inner{ max-width:1440px !important; } .minimal-hero-static .hero-copy{ max-width:680px; } .minimal-hero-static .hero-media{ max-width:860px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-3c452118 *//* Jedna klasa: stały kolor tła + grain (bez gradientu) */ .bg-surface-grain{ /* USTAWIENIA – możesz nadpisać per sekcja */ --surface: #FAFAF7; /* kolor tła */ --grain-size: 180px; /* wielkość ziarna */ --grain-opacity: .035;/* intensywność (0–0.08) */ position: relative; isolation: isolate; background: var(--surface) !important; } /* ziarnista faktura */ .bg-surface-grain::after{ content:""; position: absolute; inset: -1px; z-index: 0; pointer-events: none; border-radius: inherit; background-image: url("data:image/svg+xml;utf8,\ \ \ \ \ \ \ "); background-repeat: repeat; background-size: var(--grain-size) var(--grain-size); opacity: var(--grain-opacity); mix-blend-mode: normal; /* nie przyciemnia tła */ } /* zawartość ponad ziarnem */ .bg-surface-grain > *{ position: relative; z-index: 1; } /* zgodność z Elementor Background Overlay (który używa :before) */ .elementor-section.bg-surface-grain > .elementor-background-overlay{ mix-blend-mode: normal; opacity: var(--e-overlay-opacity, 1); } /* dark-mode – utrzymujemy jasne tło jak w sekcjach hero */ @media (prefers-color-scheme: dark){ .bg-surface-grain{ background: var(--surface) !important; } .bg-surface-grain::after{ mix-blend-mode: normal; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3e1c36b7 *//* ===== Sekcja z gradientem (spójna z wcześniejszym kodem) ===== */ .bg-sand-grain{ --pad-block: clamp(40px, 8vw, 120px); --sand-top:#D6CEC3; /* lekko cieplejszy start */ --sand-mid:#F7F6F3; --sand-bottom: var(--bg, #FAFAF7); --mid-stop: 46%; --grain-size: 180px; --grain-opacity:.035; position:relative; isolation:isolate; padding-block:var(--pad-block); background: linear-gradient(180deg,var(--sand-top) 0%,var(--sand-mid) var(--mid-stop),var(--sand-bottom) 100%) !important; } .bg-sand-grain::after{ content:""; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit; background-image:url("data:image/svg+xml;utf8,"); background-repeat:repeat; background-size:var(--grain-size) var(--grain-size); mix-blend-mode:normal; opacity:var(--grain-opacity); } .bg-sand-grain > *{ position:relative; z-index:1; } .elementor-section.bg-sand-grain > .elementor-background-overlay{ mix-blend-mode:normal; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41d7a22 *//* ================================ LOCATION MAP SECTION ================================ */ /* Baza sekcji */ .section-location-map{ position:relative; isolation:isolate; padding-block:clamp(32px,6vw,96px); background:#FAFAF7; } .section-location-map > *{ position:relative; z-index:1; box-sizing:border-box; } /* Kontener – bez wymuszania wierszy, tym zarządza kolumna */ .section-location-map .elementor-container{ max-width:1280px; margin-inline:auto; padding-inline:16px; } /* GŁÓWNY UKŁAD – domyślnie MOBILE-FIRST: jedna kolumna */ .section-location-map .elementor-column{ display:flex; flex-direction:column; align-items:stretch; gap:clamp(16px,4vw,32px); } /* Dwa "panele" wewnątrz kolumny */ .section-location-map .hero-copy, .section-location-map .hero-media{ width:100%; } /* Kolejność: tekst nad mapą */ .section-location-map .hero-copy{ order:0; } .section-location-map .hero-media{ order:1; } /* Wariant media-first (gdy dodasz klasę section-location-map--media-first do sekcji) */ .section-location-map.section-location-map--media-first .hero-media{ order:0; } .section-location-map.section-location-map--media-first .hero-copy{ order:1; } /* === TREŚĆ TEKSTOWA === */ .section-location-map .hero-copy{ padding-inline:clamp(4px,2vw,16px); } .section-location-map .hero-title{ margin:0 0 .6rem 0; font-weight:600; letter-spacing:-.02em; font-size:clamp(22px,4.2vw,32px); } .section-location-map .hero-copy p, .section-location-map .hero-copy li{ font-size:clamp(16px,4vw,18px); line-height:1.7; color:#232323; } .section-location-map .hero-copy ul, .section-location-map .hero-copy ol{ margin:.6em 0 .9em 1.2em; padding:0; list-style:disc outside; } .section-location-map .hero-copy li{ margin:0 0 .4em 0; } /* Link/CTA */ .section-location-map .hero-link{ position:relative; text-decoration:none; color:inherit; padding-bottom:2px; } .section-location-map .hero-link::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,.25); transform:scaleX(.2); transform-origin:left; transition:transform .35s ease, background .35s ease; } .section-location-map .hero-link:hover::after, .section-location-map .hero-link:focus-visible::after{ transform:scaleX(1); background:rgba(0,0,0,.85); } /* === MEDIA (MAPA / OBRAZ) === */ .section-location-map .hero-media{ margin-top:clamp(16px,3vw,24px); } /* Obraz */ .section-location-map .hero-media img{ display:block; width:100%; height:auto; border-top-right-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.06); transform:translateZ(0); transition:transform .5s ease, box-shadow .5s ease, filter .5s ease; filter:saturate(.9) contrast(.98); } @media (hover:hover){ .section-location-map .hero-media img:hover{ transform:scale(1.015); box-shadow:0 18px 50px rgba(0,0,0,.10); filter:saturate(.95) contrast(1); } } /* SVG – bez efektu hover */ .section-location-map .hero-media img[src*=".svg"]{ filter:none; transform:none; } @media (hover:hover){ .section-location-map .hero-media img[src*=".svg"]:hover{ transform:none; filter:none; } } /* MAPA (iframe) */ .section-location-map .hero-media iframe{ display:block; width:100%; aspect-ratio:4 / 3; min-height:300px; border:0; border-radius:0; border-top-right-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.06); transform:translateZ(0); } /* Tło – ziarnistość */ .section-location-map::after{ content:""; position:absolute; inset:-1px; z-index:0; pointer-events:none; border-radius:inherit; background-image:url("data:image/svg+xml;utf8,\ \ \ "); background-repeat:repeat; background-size:180px 180px; opacity:.035; } /* ===================== BREAKPOINTY ===================== */ /* TABLET 768–1024px – nadal jedna kolumna, tylko typografia szersza */ @media (min-width:768px) and (max-width:1024px){ .section-location-map{ padding-block:clamp(40px,7vw,80px); } .section-location-map .hero-copy{ max-width:760px; margin-inline:auto; padding-inline:clamp(12px,3vw,24px); } .section-location-map .hero-title{ font-size:clamp(26px,3.4vw,34px); } .section-location-map .hero-copy p, .section-location-map .hero-copy li{ font-size:clamp(17px,2.2vw,19px); line-height:1.75; } .section-location-map .hero-media{ max-width:960px; margin-inline:auto; } .section-location-map .hero-media iframe{ aspect-ratio:16 / 9; min-height:360px; border-top-right-radius:20px; box-shadow:0 16px 48px rgba(0,0,0,.12); } } /* DESKTOP ≥1025px – UKŁAD DWUKOLUMNOWY */ @media (min-width:1025px){ .section-location-map{ padding-block:clamp(56px,7vw,112px); } .section-location-map .elementor-column{ flex-direction:row; align-items:stretch; gap:clamp(32px,4vw,48px); } .section-location-map .hero-copy{ flex:0 0 45%; max-width:45%; padding-inline:clamp(16px,2vw,24px); margin-inline:0; } .section-location-map .hero-media{ flex:0 0 55%; max-width:55%; margin-top:0; } .section-location-map .hero-title{ font-size:clamp(30px,2.6vw,38px); line-height:1.15; } .section-location-map .hero-copy p, .section-location-map .hero-copy li{ font-size:clamp(17px,1.1vw,19px); line-height:1.75; } .section-location-map .hero-media img{ border-top-right-radius:24px; } .section-location-map .hero-media iframe{ aspect-ratio:16 / 9; min-height:0; height:auto; border-top-right-radius:24px; } } /* SZEROKIE EKRANY ≥1440px – tylko max-width kontenera */ @media (min-width:1440px){ .section-location-map .elementor-container{ max-width:1440px; } } /* Dark mode – bez zmiany kolorów treści */ @media (prefers-color-scheme: dark){ .section-location-map{ background:#FAFAF7; } .section-location-map::after{ opacity:.04; } .section-location-map .hero-copy p, .section-location-map .hero-copy li{ color:#232323; } }/* End custom CSS */