.elementor-3713 .elementor-element.elementor-element-54aaf3d{--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-3713 .elementor-element.elementor-element-fede458{--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;--margin-top:-105px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:-3px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-3713 .elementor-element.elementor-element-cd45be5{--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;--margin-top:107px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3713 .elementor-element.elementor-element-fb12f72{--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;--flex-wrap:wrap;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.1);--margin-top:-6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3713 .elementor-element.elementor-element-fb12f72:not(.elementor-motion-effects-element-type-background), .elementor-3713 .elementor-element.elementor-element-fb12f72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-3713 .elementor-element.elementor-element-fb12f72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3713 .elementor-element.elementor-element-fc697fe{--display:flex;--justify-content:center;--overlay-opacity:0.9;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-3713 .elementor-element.elementor-element-fc697fe:not(.elementor-motion-effects-element-type-background), .elementor-3713 .elementor-element.elementor-element-fc697fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://odplam.pl/wp-content/uploads/2026/02/slawek.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3713 .elementor-element.elementor-element-fc697fe::before, .elementor-3713 .elementor-element.elementor-element-fc697fe > .elementor-background-video-container::before, .elementor-3713 .elementor-element.elementor-element-fc697fe > .e-con-inner > .elementor-background-video-container::before, .elementor-3713 .elementor-element.elementor-element-fc697fe > .elementor-background-slideshow::before, .elementor-3713 .elementor-element.elementor-element-fc697fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-3713 .elementor-element.elementor-element-fc697fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, var( --e-global-color-7949f4b ) 0%, #00295B 100%);}.elementor-3713 .elementor-element.elementor-element-fc697fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3713 .elementor-element.elementor-element-5be31c8{width:var( --container-widget-width, 102.256% );max-width:102.256%;--container-widget-width:102.256%;--container-widget-flex-grow:0;}.elementor-3713 .elementor-element.elementor-element-5be31c8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-wrapper{text-align:start;}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title, .elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title a{font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );text-transform:var( --e-global-typography-84ca66e-text-transform );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-description{font-family:var( --e-global-typography-83682a1-font-family ), Sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );text-transform:var( --e-global-typography-83682a1-text-transform );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );color:var( --e-global-color-text );}.elementor-3713 .elementor-element.elementor-element-73605a1{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-3713 .elementor-element.elementor-element-da35cb2{width:var( --container-widget-width, 100.594% );max-width:100.594%;--container-widget-width:100.594%;--container-widget-flex-grow:0;--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-3713 .elementor-element.elementor-element-da35cb2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-type-html{padding-bottom:0px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-radius:30px 30px 30px 30px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-field-group .elementor-select-wrapper select{border-radius:30px 30px 30px 30px;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .e-form__buttons__wrapper__button-next{background-color:#0A1E3C;color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-button[type="submit"]{background-color:#0A1E3C;color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3713 .elementor-element.elementor-element-da35cb2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3713 .elementor-element.elementor-element-710f61a{--display:flex;}@media(min-width:768px){.elementor-3713 .elementor-element.elementor-element-fb12f72{--width:100%;}.elementor-3713 .elementor-element.elementor-element-fc697fe{--width:33%;}.elementor-3713 .elementor-element.elementor-element-73605a1{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3713 .elementor-element.elementor-element-fc697fe{--width:50%;}.elementor-3713 .elementor-element.elementor-element-73605a1{--width:50%;}}@media(max-width:1024px){.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title, .elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title a{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-description{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}}@media(max-width:767px){.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title, .elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-title a{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-3713 .elementor-element.elementor-element-5be31c8 .elementor-icon-box-description{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}}/* Start custom CSS for html, class: .elementor-element-d6122aa *//* =================================== ODPLAM - CENNIK =================================== */ .odplam-cennik{ max-width:1400px; margin:auto; padding:90px 25px; font-family:'Poppins',sans-serif; } /* =========================== NAGŁÓWEK =========================== */ .odplam-heading{ text-align:center; margin-bottom:70px; } .odplam-subtitle{ display:inline-block; background:#EAF6FF; color:#2FA8F8; padding:10px 22px; border-radius:40px; font-size:14px; font-weight:600; letter-spacing:2px; margin-bottom:20px; } .odplam-heading h2{ font-size:46px; color:#0F2F57; margin-bottom:20px; line-height:1.2; font-weight:700; } .odplam-heading p{ max-width:760px; margin:auto; font-size:18px; color:#666; line-height:1.8; } /* =========================== GRID =========================== */ .odplam-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:35px; } /* =========================== KARTA =========================== */ .odplam-card{ background:#fff; border-radius:28px; padding:38px; border:1px solid #E7EEF5; box-shadow:0 15px 45px rgba(0,0,0,.06); position:relative; transition:.35s; overflow:hidden; } .odplam-card::before{ content:""; position:absolute; left:0; top:0; width:100%; height:6px; background:#2FA8F8; } /* =========================== BESTSELLER =========================== */ .bestseller{ border:2px solid #2FA8F8; } .badge{ position:absolute; top:18px; right:18px; background:#2FA8F8; color:#fff; padding:8px 18px; border-radius:30px; font-size:13px; font-weight:600; } /* =========================== TYTUŁ =========================== */ .card-header{ margin-bottom:35px; } .card-header h3{ color:#0F2F57; font-size:29px; margin:0; font-weight:700; } /* =========================== LISTA =========================== */ .odplam-card ul{ list-style:none; margin:0; padding:0; } .odplam-card li{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 0; border-bottom:1px solid #EEF3F7; } .odplam-card li:last-child{ border:none; } .odplam-card li span{ color:#555; line-height:1.5; font-size:16px; } .odplam-card li strong{ color:#0F2F57; font-size:18px; white-space:nowrap; font-weight:700; } /* =========================== PRZYCISK =========================== */ .price-btn{ display:block; margin-top:35px; text-align:center; padding:17px; border-radius:18px; background:#0F2F57; color:#fff; text-decoration:none; font-weight:600; font-size:17px; } /* ========================================== HOVER KART ========================================== */ .odplam-card:hover{ transform:translateY(-12px); box-shadow:0 30px 70px rgba(15,47,87,.12); } .odplam-card:hover::before{ height:8px; transition:.3s; } .price-btn{ transition:.3s; cursor:pointer; } .price-btn:hover{ background:#2FA8F8; } /* ========================================== DODATKI ========================================== */ .odplam-extras{ margin-top:110px; } .section-title{ text-align:center; margin-bottom:60px; } .section-title span{ display:inline-block; background:#EAF6FF; color:#2FA8F8; padding:10px 22px; border-radius:50px; font-size:14px; font-weight:600; letter-spacing:1px; } .section-title h2{ margin-top:22px; color:#0F2F57; font-size:42px; font-weight:700; } .section-title p{ margin-top:15px; color:#666; font-size:18px; max-width:760px; margin-left:auto; margin-right:auto; line-height:1.8; } /* ========================================== KARTY DODATKÓW ========================================== */ .extras-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; } .extra-box{ background:#fff; border-radius:24px; padding:35px; text-align:center; border:1px solid #E8EEF4; box-shadow:0 12px 35px rgba(0,0,0,.05); transition:.35s; } .extra-box:hover{ transform:translateY(-8px); box-shadow:0 25px 60px rgba(15,47,87,.10); } .extra-icon{ width:75px; height:75px; border-radius:50%; background:#EAF6FF; display:flex; align-items:center; justify-content:center; font-size:34px; margin:auto auto 25px; } .extra-box h3{ color:#0F2F57; margin-bottom:15px; font-size:24px; } .extra-box p{ color:#666; line-height:1.7; min-height:95px; } .extra-price{ margin-top:25px; background:#0F2F57; color:#fff; padding:14px; border-radius:16px; font-weight:700; } /* ========================================== W CENIE USŁUGI ========================================== */ .odplam-included{ margin-top:110px; } .included-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:45px; } .included-grid div{ background:#fff; border-left:5px solid #2FA8F8; padding:22px; border-radius:18px; box-shadow:0 8px 25px rgba(0,0,0,.04); font-weight:500; color:#444; } .included-note{ margin-top:35px; text-align:center; font-size:17px; color:#666; } /* ========================================== CTA ========================================== */ .odplam-cta{ margin-top:110px; background:linear-gradient(135deg,#0F2F57,#16477D); border-radius:32px; padding:70px; text-align:center; color:#fff; } .odplam-cta h2{ font-size:42px; margin-bottom:20px; } .odplam-cta p{ max-width:760px; margin:auto; line-height:1.8; font-size:18px; } .cta-button{ display:inline-block; margin-top:40px; background:#2FA8F8; color:#fff; text-decoration:none; padding:18px 42px; border-radius:18px; font-size:18px; font-weight:700; transition:.35s; } .cta-button:hover{ transform:translateY(-4px); background:#ffffff; color:#0F2F57; } /* ========================================== RESPONSYWNOŚĆ TABLET ========================================== */ @media(max-width:1024px){ .odplam-grid{ grid-template-columns:1fr 1fr; } .included-grid{ grid-template-columns:1fr; } .odplam-heading h2{ font-size:38px; } .section-title h2{ font-size:34px; } .odplam-cta{ padding:55px 35px; } } /* ========================================== RESPONSYWNOŚĆ TELEFON ========================================== */ @media(max-width:767px){ .odplam-grid{ grid-template-columns:1fr; } .extras-grid{ grid-template-columns:1fr; } .odplam-heading h2{ font-size:30px; } .section-title h2{ font-size:28px; } .card-header h3{ font-size:24px; } .odplam-card{ padding:28px; } .odplam-card li{ flex-direction:column; align-items:flex-start; gap:8px; } .odplam-card li strong{ font-size:20px; } .odplam-cta{ padding:40px 25px; } .odplam-cta h2{ font-size:30px; } .cta-button{ width:100%; } } /* ========================== POPRAWKI ODPLAM ========================== */ /* Białe napisy na wszystkich przyciskach */ .price-btn{ color:#fff !important; } .price-btn:hover{ color:#fff !important; } .cta-button{ color:#fff !important; } .cta-button:hover{ color:#0F2F57 !important; } /* Biały tekst w sekcji CTA */ .odplam-cta h2, .odplam-cta p{ color:#fff !important; } /* Wszystkie karty tej samej wysokości */ .odplam-grid{ align-items:stretch; } .odplam-card{ display:flex; flex-direction:column; height:100%; } .odplam-card ul{ flex:1; } .price-btn{ margin-top:auto; } /* Lepszy wygląd przycisków */ .price-btn{ min-height:58px; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:600; } /* Delikatniejszy efekt po najechaniu */ .odplam-card:hover{ transform:translateY(-8px); } /* Mocniejszy cień */ .odplam-card{ box-shadow:0 15px 40px rgba(15,47,87,.08); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5be31c8 */.odplam-box{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center; padding:20px; box-sizing:border-box; } .odplam-title{ font-family:'Montserrat',sans-serif; font-size:26px; font-weight:800; color:#fff; margin-bottom:24px; letter-spacing:.4px; } .odplam-row{ width:100%; display:flex; justify-content:center; gap:18px; margin-bottom:18px; } .person{ flex:1; max-width:190px; display:flex; justify-content:center; align-items:center; padding:26px 16px; border-radius:18px; background:linear-gradient( 180deg, rgba(99,176,232,.18), rgba(255,255,255,.05) ); border:1px solid rgba(99,176,232,.35); backdrop-filter:blur(12px); transition:.35s; } .person:hover{ transform:translateY(-5px); border-color:#63B0E8; background:linear-gradient( 180deg, rgba(99,176,232,.30), rgba(33,130,209,.12) ); box-shadow: 0 10px 30px rgba(0,0,0,.22), 0 0 20px rgba(99,176,232,.20); } .person a{ display:block; color:#fff; text-decoration:none; font-family:'Montserrat',sans-serif; font-size:24px; font-weight:900; letter-spacing:.6px; white-space:nowrap; transition:.3s; } .person:hover a{ color:#ffffff; } .mail{ width:100%; display:flex; justify-content:center; } .mail a{ display:inline-block; min-width:300px; padding:13px 22px; border-radius:40px; background:rgba(99,176,232,.15); border:1px solid rgba(99,176,232,.35); color:#fff; text-decoration:none; font-family:'Montserrat',sans-serif; font-size:17px; font-weight:700; transition:.35s; } .mail a:hover{ background:linear-gradient( 90deg, #2182D1, #63B0E8 ); border-color:#63B0E8; color:#fff; transform:translateY(-3px); box-shadow: 0 8px 24px rgba(33,130,209,.30); } /* TABLET */ @media(max-width:1024px){ .person{ max-width:180px; padding:22px 14px; } .person a{ font-size:21px; } .mail a{ min-width:260px; font-size:15px; } } /* TELEFON */ @media(max-width:767px){ .odplam-title{ font-size:21px; } .odplam-row{ flex-direction:column; align-items:center; gap:14px; } .person{ width:100%; max-width:320px; padding:20px 12px; } .person a{ font-size:22px; } .mail{ width:100%; } .mail a{ width:100%; min-width:0; font-size:15px; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-da35cb2 *//* ========================================= ODPLAM – FINAL STEPS SYSTEM (STABILNY PRO) ========================================= */ /* === KONTENER KROKÓW === */ .odplam-form .odplam-steps { display: flex; gap: 14px; margin-bottom: 12px; width: 100%; } /* === POJEDYNCZY KROK === */ .odplam-form .odplam-step { flex: 1; background: #F8FBFF; border: 1px solid #E6E9ED; border-radius: 14px; padding: 12px 10px; display: flex; flex-direction: column; align-items: center; text-align: center; } /* === NUMER === */ .odplam-form .odplam-step-num { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg,#1F8FEA,#0A3A5E); color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; line-height: 1; } /* === TEKST === */ .odplam-form .odplam-step-text strong { display: block; font-size: 13px; font-weight: 600; line-height: 1.15; margin-bottom: 2px; color: #0A3A5E; } .odplam-form .odplam-step-text small { display: block; font-size: 11px; line-height: 1.25; color: #6B7280; } /* ===================== DESKTOP – 5 W RZĘDZIE ===================== */ @media (min-width: 1025px) { .odplam-form .odplam-steps { flex-wrap: nowrap; } } /* ===================== TABLET – 2 + 2 + 1 ===================== */ @media (min-width: 768px) and (max-width: 1024px) { .odplam-form .odplam-steps { flex-wrap: wrap; } .odplam-form .odplam-step { flex: 1 1 calc(50% - 14px); } .odplam-form .odplam-step:nth-child(5) { flex: 1 1 100%; } } /* ===================== MOBILE – SCROLL (PRO UX) ===================== */ @media (max-width: 767px) { .odplam-form .odplam-steps { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; } .odplam-form .odplam-step { min-width: 140px; flex-direction: row; align-items: center; text-align: left; gap: 8px; padding: 10px 12px; } .odplam-form .odplam-step-text small { display: none; } } /* === ZBLIŻENIE DO FORMULARZA === */ .odplam-form .odplam-steps { margin-bottom: 8px; } .odplam-form .elementor-field-group:first-child { margin-top: 0 !important; } /* ========================================= ODPLAM – STEPS FINAL (NO SCROLL, PRO) ========================================= */ /* BASE */ .odplam-form .odplam-steps { display: flex; gap: 14px; margin-bottom: 12px; width: 100%; } .odplam-form .odplam-step { flex: 1; background: #F8FBFF; border: 1px solid #E6E9ED; border-radius: 14px; padding: 12px 10px; display: flex; flex-direction: column; align-items: center; text-align: center; } .odplam-form .odplam-step-num { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg,#1F8FEA,#0A3A5E); color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; line-height: 1; } .odplam-form .odplam-step-text strong { font-size: 13px; font-weight: 600; line-height: 1.15; margin-bottom: 2px; color: #0A3A5E; } .odplam-form .odplam-step-text small { font-size: 11px; line-height: 1.25; color: #6B7280; } /* ===================== DESKTOP – 5 W RZĘDZIE ===================== */ @media (min-width: 1025px) { .odplam-form .odplam-steps { flex-wrap: nowrap; } } /* ===================== TABLET – 2 + 2 + 1 ===================== */ @media (min-width: 768px) and (max-width: 1024px) { .odplam-form .odplam-steps { flex-wrap: wrap; overflow: visible; } .odplam-form .odplam-step { flex: 1 1 calc(50% - 14px); } .odplam-form .odplam-step:nth-child(5) { flex: 1 1 100%; } } /* ===================== MOBILE – JEDNA KOLUMNA ===================== */ @media (max-width: 767px) { .odplam-form .odplam-steps { flex-direction: column; gap: 8px; } .odplam-form .odplam-step { flex-direction: row; align-items: center; text-align: left; gap: 10px; padding: 10px 12px; } .odplam-form .odplam-step-text small { display: none; } } /* ZBLIŻENIE DO FORMULARZA */ .odplam-form .odplam-steps { margin-bottom: 8px; } .odplam-form .elementor-field-group:first-child { margin-top: 0 !important; } /* ========================================= ODPLAM – RÓWNA WYSOKOŚĆ STEPS (MOBILE & TABLET) ========================================= */ @media (max-width: 1024px) { /* kontener kroków */ .odplam-form .odplam-steps { align-items: stretch; } /* pojedynczy krok – TAKA SAMA WYSOKOŚĆ */ .odplam-form .odplam-step { height: 56px; /* 🔥 TYLE CO INPUT */ min-height: 56px; padding: 8px 12px; border-radius: 16px; /* jak input */ display: flex; align-items: center; gap: 10px; } /* numer */ .odplam-form .odplam-step-num { width: 32px; height: 32px; font-size: 13px; flex-shrink: 0; } /* tekst */ .odplam-form .odplam-step-text { display: flex; align-items: center; } /* tytuł */ .odplam-form .odplam-step-text strong { font-size: 13px; line-height: 1; margin: 0; } /* opis WYŁĄCZONY na mobile/tablet */ .odplam-form .odplam-step-text small { display: none; } } /* ===================================================== ODPLAM – MOBILE STEPS = INPUT STYLE (PRO) ===================================================== */ @media (max-width: 767px) { /* kontener kroków */ .odplam-form .odplam-steps { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; } /* pojedynczy step = JAK INPUT */ .odplam-form .odplam-step { height: 56px; min-height: 56px; padding: 0 14px; border-radius: 18px; background: #ffffff; border: 1px solid #E6E9ED; display: flex; align-items: center; gap: 12px; } /* numer */ .odplam-form .odplam-step-num { width: 32px; height: 32px; font-size: 13px; font-weight: 700; flex-shrink: 0; } /* tekst */ .odplam-form .odplam-step-text { display: flex; align-items: center; } /* tytuł */ .odplam-form .odplam-step-text strong { font-size: 14px; line-height: 1; margin: 0; } /* opis – WYŁĄCZONY */ .odplam-form .odplam-step-text small { display: none; } } /* ===================================================== ODPLAM – STEPS MOBILE + TABLET (RÓWNE, PRO, BEZ SCROLLA) ===================================================== */ @media (max-width: 1024px) { /* kontener kroków */ .odplam-form .odplam-steps { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; overflow: hidden; } /* pojedynczy step = jak input */ .odplam-form .odplam-step { display: flex; align-items: center; gap: 12px; height: 56px; /* 🔥 TAKA SAMA WYSOKOŚĆ JAK INPUT */ padding: 0 14px; background: #F8FBFF; border: 1px solid #E6E9ED; border-radius: 16px; box-sizing: border-box; } /* numer */ .odplam-form .odplam-step-num { width: 28px; height: 28px; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg, #1F8FEA, #0A3A5E); color: #fff; flex-shrink: 0; } /* tekst */ .odplam-form .odplam-step-text { display: flex; flex-direction: column; justify-content: center; line-height: 1.1; } /* tytuł */ .odplam-form .odplam-step-text strong { font-size: 13px; font-weight: 600; color: #0A3A5E; margin: 0; line-height: 1.1; } /* opis – WYŁĄCZONY (czytelność + równość) */ .odplam-form .odplam-step-text small { display: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73605a1 *//* ===================================================== ODPLAM – DESKTOP LAYOUT FIX (STEPS + FORM) ===================================================== */ @media (min-width: 1200px) { /* wspólna rama */ .odplam-form-wrap { max-width: 960px; margin-left: auto; margin-right: auto; } /* steps */ .odplam-form-wrap .odplam-steps { max-width: 100%; margin-bottom: 24px; } /* formularz */ .odplam-form-wrap .odplam-form { max-width: 100%; } }/* End custom CSS */