.elementor-2 .elementor-element.elementor-element-f0e65f6{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4f291d81{--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;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-23986b88{--display:flex;--justify-content:center;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:25px;}.elementor-2 .elementor-element.elementor-element-1f017898 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-abd6bed > .elementor-widget-container{margin:0px 0px 0px 0px;}.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-2 .elementor-element.elementor-element-5d0d112d > .elementor-widget-container{margin:10px 0px -10px 0px;padding:0px 180px 0px 0px;}.elementor-2 .elementor-element.elementor-element-5d0d112d{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#F8F8F8;}.elementor-2 .elementor-element.elementor-element-64d8c9f7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(170deg, #5B2680 0%, #755990 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B2680;border-radius:12px 12px 12px 12px;padding:16px 42px 16px 42px;}.elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button:focus{background-color:transparent;color:#D1B4E6;background-image:linear-gradient(180deg, #5B26805C 0%, #5B26800F 100%);border-color:#5B2680;box-shadow:0px 0px 6px 0px #5B2680;}.elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button:focus svg{fill:#D1B4E6;}.elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #FFFFFF0A 0%, #FFFFFF0A 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF24;border-radius:12px 12px 12px 12px;padding:16px 30px 16px 30px;}.elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #FFFFFF40 0%, #FFFFFF40 100%);border-color:#FFFFFF24;}.elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-22a1840{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-a31dfc5 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3aa3d95 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-57a4a61f{--display:flex;--justify-content:center;--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-2 .elementor-element.elementor-element-731d1342{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-6d98b8f6 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-2 .elementor-element.elementor-element-bcf8bef > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-2 .elementor-element.elementor-element-e2818c4 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-2 .elementor-element.elementor-element-e605c8e > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-2 .elementor-element.elementor-element-84c6596{--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-5469b25{--display:flex;--justify-content:center;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-569abfe{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-569abfe:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-569abfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-139653b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-95b9fdb{--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:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-95b9fdb:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-95b9fdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-a474a88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-1a92f17{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-1a92f17:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-1a92f17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4ba5da0{--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:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4ba5da0:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-4ba5da0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-312706a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-09f0f6f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-09f0f6f:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-09f0f6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-443b4a8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-53b9f9b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-ed2bf5e{--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:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-ed2bf5e:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-ed2bf5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-454e01e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-a2f1ef9{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-a2f1ef9:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-a2f1ef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-9bd89e3 > .elementor-widget-container{margin:0px 0px -45px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e1bff59 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0374713 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-2:not(.elementor-motion-effects-element-type-background), body.elementor-page-2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-f0e65f6{--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4f291d81{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-23986b88{--padding-top:20px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-1f017898 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-abd6bed > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-5d0d112d > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-5d0d112d{text-align:left;font-size:13px;}.elementor-2 .elementor-element.elementor-element-64d8c9f7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-2 .elementor-element.elementor-element-64d8c9f7.e-con{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-3d2d1362{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-3d2d1362 > .elementor-widget-container{margin:0px 0px 0px 00px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-3d2d1362.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-3d2d1362 .elementor-button{font-size:15px;padding:14px 20px 14px 20px;}.elementor-2 .elementor-element.elementor-element-45b07546{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-45b07546 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-45b07546.elementor-element{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-45b07546 .elementor-button{font-size:15px;padding:14px 65px 14px 65px;}.elementor-2 .elementor-element.elementor-element-22a1840{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-22a1840.e-con{--align-self:stretch;}.elementor-2 .elementor-element.elementor-element-a31dfc5 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-57a4a61f{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-731d1342{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-6d98b8f6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-bcf8bef > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e2818c4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e605c8e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-84c6596{--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-5469b25{--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-2 .elementor-element.elementor-element-bf54689 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-51e6e55 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-daa6332 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-569abfe{--margin-top:-0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-95b9fdb{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4ba5da0{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-312706a > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-09f0f6f{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-ed2bf5e{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-454e01e > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-9bd89e3 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-f0e65f6{--width:100%;}.elementor-2 .elementor-element.elementor-element-4f291d81{--content-width:1420px;}.elementor-2 .elementor-element.elementor-element-23986b88{--width:80%;}.elementor-2 .elementor-element.elementor-element-57a4a61f{--width:100%;}.elementor-2 .elementor-element.elementor-element-5469b25{--width:100%;}.elementor-2 .elementor-element.elementor-element-569abfe{--content-width:1400px;}.elementor-2 .elementor-element.elementor-element-95b9fdb{--content-width:1400px;}.elementor-2 .elementor-element.elementor-element-4ba5da0{--content-width:1400px;}.elementor-2 .elementor-element.elementor-element-ed2bf5e{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-6d98b8f6 */.hero-image-wrapper { position: relative; height: 470px; border-radius: 24px; overflow: hidden; background: url('https://sklep-starlink.pl/wp-content/uploads/2025/03/residential_b_feature3_m.jpg') center / cover no-repeat; } /* gradient dla czytelności */ .hero-image-wrapper::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(10,14,12,0.55), rgba(10,14,12,0.15), transparent ); } .hero-image-benefits-inline { position: absolute; bottom: 15px; right: 15px; /* ⬅️ TO JEST KLUCZ */ display: flex; gap: 12px; z-index: 2; } /* pojedynczy „pill” */ .benefit-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: rgba(15,20,16,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(124,255,0,0.25); color: #EAF1EC; font-size: 13px; font-weight: 600; white-space: nowrap; } /* ikona */ .benefit-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: rgba(124,255,0,0.18); color: #7CFF00; font-size: 12px; font-weight: 700; } /* hover – delikatny */ .benefit-pill:hover { background: rgba(15,20,16,0.82); border-color: rgba(124,255,0,0.45); } /* MOBILE */ @media (max-width: 900px) { .hero-image-wrapper { height: 280px; margin-top: 40px; } .hero-image-benefits-inline { left: 16px; right: 16px; bottom: 16px; flex-wrap: wrap; } } .hero-image-wrapper { box-shadow: 0 0 0 1px rgba(124,255,0,0.12), 0 20px 60px rgba(0,0,0,0.45); } .hero-image-wrapper { animation: heroFade 0.6s ease-out both; } @keyframes heroFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .benefit-pill { font-size: 12.5px; padding: 8px 12px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bcf8bef */.hero-image-wrapper { position: relative; height: 470px; border-radius: 24px; overflow: hidden; background: url('https://sklep-starlink.pl/wp-content/uploads/2025/03/residential_b_feature3_m.jpg') center / cover no-repeat; } /* gradient dla czytelności */ .hero-image-wrapper::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(10,14,12,0.55), rgba(10,14,12,0.15), transparent ); } .hero-image-benefits-inline { position: absolute; bottom: 15px; right: 15px; /* ⬅️ TO JEST KLUCZ */ display: flex; gap: 12px; z-index: 2; } /* pojedynczy „pill” */ .benefit-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: rgba(15,20,16,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(124,255,0,0.25); color: #EAF1EC; font-size: 13px; font-weight: 600; white-space: nowrap; } /* ikona */ .benefit-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: rgba(124,255,0,0.18); color: #7CFF00; font-size: 12px; font-weight: 700; } /* hover – delikatny */ .benefit-pill:hover { background: rgba(15,20,16,0.82); border-color: rgba(124,255,0,0.45); } /* MOBILE */ @media (max-width: 900px) { .hero-image-wrapper { height: 280px; margin-top: 40px; } .hero-image-benefits-inline { left: 16px; right: 16px; bottom: 16px; flex-wrap: wrap; } } .hero-image-wrapper { box-shadow: 0 0 0 1px rgba(124,255,0,0.12), 0 20px 60px rgba(0,0,0,0.45); } .hero-image-wrapper { animation: heroFade 0.6s ease-out both; } @keyframes heroFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .benefit-pill { font-size: 12.5px; padding: 8px 12px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e2818c4 */.hero-image-wrapper { position: relative; height: 470px; border-radius: 24px; overflow: hidden; background: url('https://sklep-starlink.pl/wp-content/uploads/2025/03/residential_b_feature3_m.jpg') center / cover no-repeat; } /* gradient dla czytelności */ .hero-image-wrapper::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(10,14,12,0.55), rgba(10,14,12,0.15), transparent ); } .hero-image-benefits-inline { position: absolute; bottom: 15px; right: 15px; /* ⬅️ TO JEST KLUCZ */ display: flex; gap: 12px; z-index: 2; } /* pojedynczy „pill” */ .benefit-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: rgba(15,20,16,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(124,255,0,0.25); color: #EAF1EC; font-size: 13px; font-weight: 600; white-space: nowrap; } /* ikona */ .benefit-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: rgba(124,255,0,0.18); color: #7CFF00; font-size: 12px; font-weight: 700; } /* hover – delikatny */ .benefit-pill:hover { background: rgba(15,20,16,0.82); border-color: rgba(124,255,0,0.45); } /* MOBILE */ @media (max-width: 900px) { .hero-image-wrapper { height: 280px; margin-top: 40px; } .hero-image-benefits-inline { left: 16px; right: 16px; bottom: 16px; flex-wrap: wrap; } } .hero-image-wrapper { box-shadow: 0 0 0 1px rgba(124,255,0,0.12), 0 20px 60px rgba(0,0,0,0.45); } .hero-image-wrapper { animation: heroFade 0.6s ease-out both; } @keyframes heroFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .benefit-pill { font-size: 12.5px; padding: 8px 12px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e605c8e */.hero-image-wrapper { position: relative; height: 470px; border-radius: 24px; overflow: hidden; background: url('https://sklep-starlink.pl/wp-content/uploads/2025/03/residential_b_feature3_m.jpg') center / cover no-repeat; } /* gradient dla czytelności */ .hero-image-wrapper::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(10,14,12,0.55), rgba(10,14,12,0.15), transparent ); } .hero-image-benefits-inline { position: absolute; bottom: 15px; right: 15px; /* ⬅️ TO JEST KLUCZ */ display: flex; gap: 12px; z-index: 2; } /* pojedynczy „pill” */ .benefit-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: rgba(15,20,16,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(124,255,0,0.25); color: #EAF1EC; font-size: 13px; font-weight: 600; white-space: nowrap; } /* ikona */ .benefit-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: rgba(124,255,0,0.18); color: #7CFF00; font-size: 12px; font-weight: 700; } /* hover – delikatny */ .benefit-pill:hover { background: rgba(15,20,16,0.82); border-color: rgba(124,255,0,0.45); } /* MOBILE */ @media (max-width: 900px) { .hero-image-wrapper { height: 280px; margin-top: 40px; } .hero-image-benefits-inline { left: 16px; right: 16px; bottom: 16px; flex-wrap: wrap; } } .hero-image-wrapper { box-shadow: 0 0 0 1px rgba(124,255,0,0.12), 0 20px 60px rgba(0,0,0,0.45); } .hero-image-wrapper { animation: heroFade 0.6s ease-out both; } @keyframes heroFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .benefit-pill { font-size: 12.5px; padding: 8px 12px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0e65f6 *//* GLOBALNE TŁO SPJ — do przypisania na dowolną sekcję */ .spj-dark-grid-bg { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 72% 38%, rgba(116, 51, 183, 0.26), transparent 34%), radial-gradient(circle at 18% 22%, rgba(92, 36, 145, 0.20), transparent 32%), radial-gradient(circle at 50% 100%, rgba(126, 58, 237, 0.14), transparent 38%), linear-gradient(135deg, #170923 0%, #09070f 50%, #12091d 100%); color: #fff; } /* delikatny przezroczysty grid */ .spj-dark-grid-bg::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px); background-size: 64px 64px; opacity: 0.45; pointer-events: none; z-index: -1; } /* miękka poświata na dole */ .spj-dark-grid-bg::before { content: ""; position: absolute; left: 50%; bottom: -180px; width: 820px; max-width: 100%; height: 360px; transform: translateX(-50%); background: radial-gradient(circle, rgba(126, 58, 237, 0.22), transparent 68%); filter: blur(10px); pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-139653b *//* mobile — nagłówek 24px */ @media (max-width: 560px) { .spj-cat-section .spj-cat-heading h2, .spj-v2-cat-section .spj-cat-heading h2, .spj-cat-patch-section .spj-cat-heading h2 { font-size: 24px !important; line-height: 1.08 !important; letter-spacing: -0.035em !important; } /* mobile — 2 kafelki w rzędzie */ .spj-cat-section .spj-cat-grid, .spj-v2-cat-section .spj-cat-grid, .spj-cat-patch-section .spj-cat-grid, .spj-cat-patch-section .spj-cat-grid--patch { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } /* mniejsze kafelki, żeby 2 weszły dobrze */ .spj-cat-section .spj-cat-card, .spj-v2-cat-section .spj-cat-card, .spj-cat-patch-section .spj-cat-card--patch { min-height: 210px !important; border-radius: 18px !important; overflow: hidden !important; } .spj-cat-section .spj-cat-image-wrap, .spj-v2-cat-section .spj-cat-image-wrap, .spj-cat-patch-section .spj-cat-image-wrap { height: 135px !important; min-height: 135px !important; flex-basis: 135px !important; } .spj-cat-section .spj-cat-bottom, .spj-v2-cat-section .spj-cat-bottom, .spj-cat-patch-section .spj-cat-bottom { min-height: 72px !important; padding: 11px 10px !important; gap: 8px !important; } .spj-cat-section .spj-cat-bottom h3, .spj-v2-cat-section .spj-cat-bottom h3, .spj-cat-patch-section .spj-cat-bottom h3 { font-size: 13px !important; line-height: 1.12 !important; font-weight: 800 !important; } .spj-cat-section .spj-cat-bottom p, .spj-v2-cat-section .spj-cat-bottom p, .spj-cat-patch-section .spj-cat-bottom p { font-size: 11px !important; line-height: 1.15 !important; margin-top: 4px !important; } .spj-cat-section .spj-cat-arrow, .spj-v2-cat-section .spj-cat-arrow, .spj-cat-patch-section .spj-cat-arrow { width: 28px !important; height: 28px !important; min-width: 28px !important; } .spj-cat-section .spj-cat-arrow svg, .spj-v2-cat-section .spj-cat-arrow svg, .spj-cat-patch-section .spj-cat-arrow svg { width: 13px !important; height: 13px !important; } .spj-cat-section .spj-cat-top-icon, .spj-v2-cat-section .spj-cat-top-icon, .spj-cat-patch-section .spj-cat-top-icon--patch { width: 30px !important; height: 30px !important; top: 11px !important; left: 11px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-312706a *//* PHOENIX B2B — LABEL + TITLE FONT FIX */ .pb2b-products-section-label { font-family: "Inter", sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #7c3aed !important; } .pb2b-products-section-title { font-family: "Space Grotesk", sans-serif !important; font-size: 24px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #111827 !important; margin: 0 !important; } /* mobile */ @media (max-width: 767px) { .pb2b-products-section-label { font-size: 12px !important; line-height: 1 !important; } .pb2b-products-section-title { font-size: 24px !important; line-height: 1.08 !important; max-width: 340px !important; } } /* bardzo małe mobile */ @media (max-width: 380px) { .pb2b-products-section-title { font-size: 23px !important; } }/* End custom CSS */