.elementor-kit-82{--e-global-color-secondary:#1F2122;--e-global-color-primary:#353738;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-d49ac81:#0091E4;--e-global-color-332724a:#013653;--e-global-color-4d462f5:#DCDCDE;--e-global-color-cfa1f76:#E9E9E9;--e-global-color-7fbea4f:#F6F7FB;--e-global-color-c94d9ab:#F0F0F0;--e-global-color-044b931:#000000;--e-global-color-638d055:#080C14;--e-global-color-a2c0d56:#0091E4;--e-global-color-ec3c7a7:#013653;--e-global-color-7949f4b:#013653;--e-global-color-245af45:#FADFB7;--e-global-color-7fc3084:#0091E4;--e-global-color-7dbad05:#25D366;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:39px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-b2ce6af-font-family:"Inter";--e-global-typography-b2ce6af-font-size:16px;--e-global-typography-b2ce6af-font-weight:400;--e-global-typography-b2ce6af-text-transform:none;--e-global-typography-b2ce6af-font-style:normal;--e-global-typography-b2ce6af-line-height:1.4em;--e-global-typography-69c152f-font-family:"Inter";--e-global-typography-69c152f-font-size:14px;--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-line-height:1.4em;--e-global-typography-520c191-font-family:"Outfit";--e-global-typography-520c191-font-size:16px;--e-global-typography-520c191-font-weight:600;--e-global-typography-520c191-line-height:1.5em;--e-global-typography-583e54c-font-family:"Outfit";--e-global-typography-583e54c-font-size:48px;--e-global-typography-583e54c-font-weight:600;--e-global-typography-583e54c-line-height:1.2em;--e-global-typography-583e54c-letter-spacing:-1px;--e-global-typography-5d167aa-font-family:"Outfit";--e-global-typography-5d167aa-font-size:39px;--e-global-typography-5d167aa-font-weight:600;--e-global-typography-5d167aa-line-height:1.2em;--e-global-typography-5d167aa-letter-spacing:-0.5px;--e-global-typography-d3dae9a-font-family:"Outfit";--e-global-typography-d3dae9a-font-size:31px;--e-global-typography-d3dae9a-font-weight:600;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.3em;--e-global-typography-83682a1-font-family:"Outfit";--e-global-typography-83682a1-font-size:25px;--e-global-typography-83682a1-font-weight:400;--e-global-typography-83682a1-text-transform:none;--e-global-typography-83682a1-font-style:normal;--e-global-typography-83682a1-line-height:1.3em;--e-global-typography-7044a64-font-family:"Outfit";--e-global-typography-7044a64-font-size:20px;--e-global-typography-7044a64-font-weight:500;--e-global-typography-7044a64-line-height:1.4em;--e-global-typography-84ca66e-font-family:"Outfit";--e-global-typography-84ca66e-font-size:14px;--e-global-typography-84ca66e-font-weight:700;--e-global-typography-84ca66e-text-transform:uppercase;--e-global-typography-112b6c4-font-family:"Inter";--e-global-typography-112b6c4-font-size:13px;--e-global-typography-112b6c4-font-weight:400;--e-global-typography-112b6c4-line-height:1.5em;--e-global-typography-a435f28-font-family:"Outfit";--e-global-typography-a435f28-font-size:61px;--e-global-typography-a435f28-font-weight:700;--e-global-typography-a435f28-line-height:1em;--e-global-typography-a435f28-letter-spacing:-1px;color:var( --e-global-color-primary );font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-kit-82 a{color:var( --e-global-color-primary );}.elementor-kit-82 a:hover{color:var( --e-global-color-d49ac81 );}.elementor-kit-82 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-82 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-82 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d3dae9a-font-family ), Sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-82 h4{color:var( --e-global-color-secondary );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 );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-82 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-82 h6{color:var( --e-global-color-d49ac81 );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 );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-82 button,.elementor-kit-82 input[type="button"],.elementor-kit-82 input[type="submit"],.elementor-kit-82 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-text );background-color:var( --e-global-color-d49ac81 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d49ac81 );border-radius:21px 21px 21px 21px;}.elementor-kit-82 button:hover,.elementor-kit-82 button:focus,.elementor-kit-82 input[type="button"]:hover,.elementor-kit-82 input[type="button"]:focus,.elementor-kit-82 input[type="submit"]:hover,.elementor-kit-82 input[type="submit"]:focus,.elementor-kit-82 .elementor-button:hover,.elementor-kit-82 .elementor-button:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-332724a );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-332724a );}.elementor-kit-82 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-82 input:not([type="button"]):not([type="submit"]),.elementor-kit-82 textarea,.elementor-kit-82 .elementor-field-textual{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );letter-spacing:var( --e-global-typography-69c152f-letter-spacing );word-spacing:var( --e-global-typography-69c152f-word-spacing );color:var( --e-global-color-secondary );background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cfa1f76 );border-radius:7px 7px 7px 7px;}.elementor-kit-82 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-82 textarea:focus,.elementor-kit-82 .elementor-field-textual:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a2c0d56 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-82 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-82{--e-global-typography-primary-font-size:37px;--e-global-typography-secondary-font-size:31px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:12px;--e-global-typography-b2ce6af-font-size:15px;--e-global-typography-69c152f-font-size:13px;--e-global-typography-520c191-font-size:15px;--e-global-typography-583e54c-font-size:37px;--e-global-typography-5d167aa-font-size:31px;--e-global-typography-d3dae9a-font-size:25px;--e-global-typography-83682a1-font-size:21px;--e-global-typography-7044a64-font-size:18px;--e-global-typography-84ca66e-font-size:13px;--e-global-typography-112b6c4-font-size:12px;--e-global-typography-a435f28-font-size:44px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-kit-82 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-82 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-82 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-82 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-82 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-82 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-82 button,.elementor-kit-82 input[type="button"],.elementor-kit-82 input[type="submit"],.elementor-kit-82 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-82 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-82 input:not([type="button"]):not([type="submit"]),.elementor-kit-82 textarea,.elementor-kit-82 .elementor-field-textual{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );letter-spacing:var( --e-global-typography-69c152f-letter-spacing );word-spacing:var( --e-global-typography-69c152f-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-82{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:11px;--e-global-typography-b2ce6af-font-size:14px;--e-global-typography-69c152f-font-size:12px;--e-global-typography-520c191-font-size:14px;--e-global-typography-583e54c-font-size:30px;--e-global-typography-5d167aa-font-size:24px;--e-global-typography-d3dae9a-font-size:20px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:16px;--e-global-typography-84ca66e-font-size:12px;--e-global-typography-112b6c4-font-size:11px;--e-global-typography-a435f28-font-size:32px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-kit-82 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-82 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-82 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-82 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-82 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-82 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-82 button,.elementor-kit-82 input[type="button"],.elementor-kit-82 input[type="submit"],.elementor-kit-82 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-82 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-82 input:not([type="button"]):not([type="submit"]),.elementor-kit-82 textarea,.elementor-kit-82 .elementor-field-textual{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );letter-spacing:var( --e-global-typography-69c152f-letter-spacing );word-spacing:var( --e-global-typography-69c152f-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================== ODPLAM • OnePaste.css (global for Elementor) ===================== */ /* 1) Zmienne kolorów i typografii */ :root{ --navy: #0f2740; /* granat firmowy */ --navy-600: #11365f; --beige: #FADFB7; /* beż/akcent tła */ --beige-100:#fff6e8; --text:#0e1116; --muted:#6b7280; --accent:#eab308; /* złoty akcent, opcjonalnie do highlightów */ --card:#ffffff; --radius: 16px; --shadow: 0 10px 30px rgba(0,0,0,.07); --maxw: 1200px; /* globalny max width kontenera */ } /* 2) Reset + bazowe */ html{scroll-behavior:smooth} *{box-sizing:border-box} body{ color:var(--text); background:#fff; font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial; line-height:1.6; font-size:16px; } img{max-width:100%;height:auto;display:block} a{text-decoration:none;color:inherit} /* 3) Uniwersalny kontener (w tym dla .elementor-container) */ .container, .elementor-section .elementor-container{ max-width:var(--maxw); margin:0 auto; padding-left:18px; padding-right:18px; } /* 4) Typografia spójna (nadpisuje Site Settings, ale delikatnie) */ h1,.elementor-widget-heading h1{font-size:clamp(28px,4vw,46px);line-height:1.15;font-weight:800;color:var(--navy)} h2,.elementor-widget-heading h2{font-size:clamp(22px,3vw,32px);line-height:1.2;font-weight:800;color:var(--navy)} h3,.elementor-widget-heading h3{font-size:clamp(18px,2.2vw,24px);line-height:1.25;font-weight:700;color:var(--navy)} p{color:var(--text)} .muted, .elementor-widget-text-editor .muted{color:var(--muted)!important} /* 5) Sekcje – większy oddech, ale automatycznie maleje na mobile */ .section, .elementor-section{padding-top:64px;padding-bottom:64px} @media (max-width:1024px){ .section, .elementor-section{padding-top:48px;padding-bottom:48px} } @media (max-width:767px){ .section, .elementor-section{padding-top:36px;padding-bottom:36px} } /* 6) Karty / bloki */ .card{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid #eef0f4; } .card--flat{box-shadow:none} /* 7) Przyciski – globalnie (Elementor + custom) */ .btn, .elementor-button, .elementor a.elementor-button{ display:inline-block; padding:12px 20px; border-radius:999px; font-weight:700; transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease; box-shadow:var(--shadow); } .btn:hover, .elementor-button:hover{transform:translateY(-2px)} .btn-primary, .btn.btn-blue, .elementor-button--primary, .elementor a.elementor-button.elementor-size-md{ background:var(--navy); color:#fff; } .btn-primary:hover, .btn.btn-blue:hover, .elementor-button--primary:hover{ background:var(--navy-600); color:#fff; } /* Wariant „ghost” (sekundarny) */ .btn-ghost{ background:#fff;color:var(--navy); border:1px solid rgba(17,17,17,.08) } /* 😎 Siatki i kolumny – naprawy mobilne dla Elementora */ .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:14px} @media (max-width:1024px){ .elementor-row,.elementor-container,.elementor-columns{gap:14px} } @media (max-width:767px){ /* naturalne układanie w jedną kolumnę bez ciasnoty */ .elementor-column{width:100%!important;max-width:100%!important} .elementor-widget-wrap{padding:12px} } /* 9) Obrazki i banery – bez rozjeżdżania */ .elementor img, .elementor-background-slideshow__slide__image{ object-fit:cover } .elementor-background-overlay{border-radius:inherit} /* 10) Tabele – przewijanie poziome na mobile (żeby nie wychodziły poza ekran) */ .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch} .table-responsive table{min-width:600px} /* 11) Formularze (Elementor Forms i native) */ input[type="text"],input[type="tel"],input[type="email"],textarea, .elementor-field, .elementor-field-textual{ width:100%; padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px; font-size:16px; } textarea{min-height:120px} .elementor-field-group .elementor-button{margin-top:8px} /* 12) Sticky dolny pasek CTA – tylko na mobile (opcjonalnie) */ @media (max-width:767px){ .cta-bar{ position:sticky;bottom:10px;display:flex;justify-content:center;gap:10px;z-index:50 } } /* 13) Sekcje „Promocje” – kafelki z Twojej tabelki (lekki tuning) */ #promocje-tabela .promo-table{ display:grid;gap:20px; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); margin-top:20px } #promocje-tabela .promo-card{ background:#fff;border-radius:16px;border:1px solid #eef0f4;box-shadow:var(--shadow); transition:transform .18s ease, box-shadow .18s ease } #promocje-tabela .promo-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)} #promocje-tabela .card-inner{padding:24px;display:flex;flex-direction:column;gap:12px} #promocje-tabela h3{margin:0;color:var(--navy)} #promocje-tabela p{margin:0;color:var(--muted)} #promocje-tabela .btn{align-self:flex-start} /* 14) Przed/Po – suwak kompatybilny (jeśli używasz HTML widgetu) */ .ba-wrap{position:relative;border-radius:16px;overflow:hidden} .ba-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .ba-after{clip-path:inset(0 0 0 50%)} .ba-wrap input[type="range"]{position:absolute;left:12px;right:12px;bottom:12px} /* 15) Hero – bezpieczne marginesy na mobile */ .hero .elementor-widget-container{margin-bottom:0} @media (max-width:767px){ .hero .elementor-heading-title{margin-bottom:8px} } /* 16) Listy wypunktowane – ładniejsze punkty */ ul{padding-left:1.1em} ul li{margin:6px 0} /* 17) Mikro-utility (możesz używać w HTML/Elementor) */ .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #eef0f4;box-shadow:var(--shadow);font-weight:600} .kicker{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-600);font-weight:800} .bg-beige{background:var(--beige-100)} .bg-navy{background:var(--navy);color:#fff;border-radius:var(--radius)} .text-muted{color:var(--muted)!important} /* 18) Linki telefon/email – zawsze „tapowalne” i wyraźne */ a[href^="tel:"], a[href^="mailto:"]{font-weight:700} /* ===================== /OnePaste.css ===================== */ :root{ --navy:#0f2740; --navy-600:#11365f; --accent:#eab308; } /* 1) Sticky header (działa w całym WP/Elementor) */ .header-stick, .elementor-location-header{ position: sticky; top: 0; z-index: 9999; background: rgba(255,255,255,.92); backdrop-filter: saturate(160%) blur(10px); transition: box-shadow .2s ease, background .2s ease, transform .2s ease; } body.is-scrolled .header-stick, body.is-scrolled .elementor-location-header{ box-shadow: 0 10px 30px rgba(0,0,0,.08); background: rgba(255,255,255,.96); } /* 2) Dolny pasek CTA – tylko telefony */ #mobile-cta-bar{ position: fixed; left: 0; right: 0; bottom: 0; display: none; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; background: var(--navy); color: #fff; box-shadow: 0 -8px 20px rgba(0,0,0,.18); z-index: 9999; padding-bottom: max(10px, env(safe-area-inset-bottom)); /* iPhone safe area */ } #mobile-cta-bar a{ flex: 1; text-align: center; background: rgba(255,255,255,.12); color:#fff; padding: 12px 10px; border-radius: 999px; font-weight: 800; text-decoration: none; transition: background .2s ease, transform .15s ease; } #mobile-cta-bar a:hover{ background: rgba(255,255,255,.18); transform: translateY(-1px) } #mobile-cta-bar a:active{ transform: translateY(0) } #mobile-cta-bar .cta-phone{ background: #2563eb; } /* niebieski */ #mobile-cta-bar .cta-mail{ background: var(--navy-600); } /* granat 600 */ @media (max-width: 767px){ #mobile-cta-bar{ display: flex } } /* (opcjonalnie) schowanie paska, gdy jest bardzo blisko góry strony */ body.at-top #mobile-cta-bar{ transform: translateY(100%); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease } body.show-bar #mobile-cta-bar{ transform: translateY(0); opacity: 1; pointer-events: auto }/* End custom CSS */