/* ************************************************************************************************* Variables ************************************************************************************************* */ :root{ --max-cnt-width:1170px; /* -- Colors -- */ --color-main-background:#fff; --color-main-light:#eee; --color-main-1:#FFDE17; /* #fdc92f #FFDE17 #FFD024 */ --color-main-1-transparent:#E5008088; --color-main-2:#FF3366; --color-main-2b:#004E82; --color-main-2c:#00A2CA; --color-main-3:#333333; --color-main-4:#DD1144; --color-main-light-frame:#888; --color-main-light-gray:#f5f5f5; --color-main-light-2:#f0f0f0; --color-main-gray:#888; --color-main-dark:#333; --color-btn-action-bg:var(--color-main-1); --color-btn-action-font:#000; --color-btn-action-bg-hv:var(--color-main-2); --color-btn-action-font-hv:#fff; /* -- Shadows -- */ --shadow-default:0px 2px 10px 3px #00000033; --default-shadow:0px 2px 10px 3px #00000033; /* -- Texts -- */ --text-color-general:#333; --text-color-light:#666; --text-color-links:var(--color-main-2); /* -- Font & sizes -- */ --font-size-defaut-text:16px; --font-size-defaut-text-small:15px; --font-size-defaut-text-mini:14px; --default-font:Poppins; --default-font-2:Poppins; --default-font-3:Poppins; /* -- ... -- */ --default-margin:15px; --default-radius:3px; --color-1-bg:var(--color-main-1); --color-1-color:#fff; --color-2-bg:var(--color-main-2); --color-2-color:#333; --color-3-bg:var(--color-main-2); --color-3-color:#333; --default-transition:all 250ms ease; --default-row-width:1170px; } @media all and ( max-width: 360px ){ :root{ --default-margin:10px; } } /* ************************************************************************************************* GENERAL ************************************************************************************************* */ .ui-clear{ clear:both; } /* ************************************************************************************************* Page return UP ************************************************************************************************* */ @keyframes ui-up-arrow-anim{ 0% { transform:scale( 1.0, 1.0 ) } 20% { transform:scale( 0.6, 1.4 ) } 40% { transform:scale( 1.3, 0.7 ) } 60% { transform:scale( 0.8, 1.2 ) } 80% { transform:scale( 1.1, 1.00 ) } 100%{ transform:scale( 1, 1 ) } } #ui-up-arrow{ position: fixed; bottom: 20px; right: 20px; background: #FFD02466; padding: 0px; text-decoration: none; font-size: 40px; color: #033; opacity:0.5; /* border:solid 1px #00ccff66; */ border-radius:25px; /* box-shadow:var(--default-shadow); */ display:none; width:50px; height:50px; line-height:50px; text-align:center; box-sizing:border-box; z-index:99999; background-image:url('skin/img/up-arrow.svg'); background-position:center; background-size:36px 36px; background-repeat:no-repeat; cursor:pointer; } #ui-up-arrow:hover{ opacity: 1; animation-name: ui-up-arrow-anim; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* ************************************************************************************************* HEADER - page position ************************************************************************************************* */ #ui-page-pos{ position:fixed; top:0px; left:0px; width:100%; box-sizing:border-box; opacity:0.95; border:solid 1px var(--color-main-background); background:var(--color-main-background); z-index:999999; } #ui-page-pos-pb{ box-sizing:border-box; float:left; height:3px; width:0%; background-color:var(--color-main-1); transition: all 300ms ease; } /* *************************************************************************************************\ uiTooltips */ .ui-tooltip{ z-index:99999; background:#fff; color:#333; font-size:14px; padding:15px 15px 15px 15px; text-align:center; border-radius: var(--default-radius); border:solid 1px var(--color-main-2); box-shadow: var(--shadow-default); text-align:left; display:table; display:none; line-height:1.6; max-width:400px; } .ui-tooltip-close{ float:right; position:relative; top:-5px; left:5px; width:28px; height:28px; background:var(--color-main-1); color:#000; text-align:center; line-height:28px; border-radius:14px; transition: all 300ms ease; cursor:pointer; } .ui-tooltip-close:hover{ background:var(--color-main-2); color:var(--color-main-light); } .ui-tooltip-arrow{ z-index:99995; position:absolute; top:-12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #aaaaaa88; } /* ************************************************************************************************* wait-box */ #ui-tools-wait-box{ position:fixed ; width:calc(100% - 40px); height:calc(100% - 40px); top:50%; left:20px; border-radius:3px; transform:translateY(-50%); background:#ffffff88; z-index:999999; } #ui-tools-wait-box>span{ position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); } /* ************************************************************************************************* uiTools elements popup */ :root{ --popup-border-radius:30px; --default-color-1:var(--color-main-2); --default-color-2:var(--color-main-1); --default-color-3:#fff; --default-text-color-inv:#fff; } .ui-tools-popup-container{ position:fixed; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); background:var(--default-color-3); border:solid 1px var(--default-color-2); border-radius: var(--popup-border-radius); color:var(--default-text-color-inv); box-sizing:border-box; min-width:240px; min-height:200px; z-index:99999; box-shadow: 0px 0px 2000px 2000px rgb(0 0 0 / 60%); padding-top:60px; max-width:calc(100% - 20px); max-height:calc(100vh - 100px); transition: all 1000ms ease-in; opacity:0; display:none; overflow:hidden; filter:grayscale(0%) blur(0px); transition:var(--default-transition); overscroll-behavior: none; overscroll-behavior-y: none; z-index:9999999; } #ui-tools-popup-title{ position:absolute; top:0px; left:0px; width:calc(100% - 60px); height:60px; line-height:60px; font-family:var(--default-font); font-size:22px; padding:0px 10px 0px 20px; box-sizing:border-box; background-color:var(--default-color-2); border-radius:0px 0px var(--popup-border-radius) 0px; color:var(--color-btn-action-font); font-weight:200; white-space: nowrap; text-overflow:ellipsis; margin:0px; } #ui-tools-popup-title:after{ content: ""; position: absolute; height: var(--popup-border-radius); width: var(--popup-border-radius); right: calc( -1 * var(--popup-border-radius) ); top: 0px; background-color: transparent; border-top-left-radius: var(--popup-border-radius) var(--popup-border-radius); box-shadow: 0px 0px 0px var(--popup-border-radius) var(--default-color-2); clip: rect(0px, var(--popup-border-radius), var(--popup-border-radius), 0px); } @media all and ( max-width: 390px ){ #ui-tools-popup-title{ font-size:16px; } } #ui-tools-popup-content{ position:absolute; top:60px; left:0px; right:0px; bottom:0px; display:block; padding:5px; box-sizing:border-box; overflow:auto; overscroll-behavior: none; overscroll-behavior-y: none; } #ui-tools-popup-content:after{ content: ""; position: absolute; height: var(--popup-border-radius); width: var(--popup-border-radius); left: 0px; top: 0px; background-color: transparent; border-top-left-radius: var(--popup-border-radius) var(--popup-border-radius); box-shadow: 0px 0px 0px var(--popup-border-radius) var(--default-color-2); clip: rect(0px, var(--popup-border-radius), var(--popup-border-radius), 0px); } @keyframes ui-tools-popup-close-anim{ 0%{border:dotted 2px #fff} 20%{border:dotted 2px #888} 40%{border:dotted 2px #fff} 100%{border:dotted 2px #fff} } #ui-tools-popup-close{ animation-name: ui-tools-popup-close-anim; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; position:absolute; display:block; box-sizing:border-box; top:10px; right:10px; width:40px; height:40px; line-height:38px; text-align:center; background-color:var(--color-main-background); background-image:url(/skin/img/close.svg); background-position: center; background-size:16px 16px; background-repeat: no-repeat; border-radius:20px; cursor:pointer; font-weight:bold; border:solid 2px #333; color:#fff; } #ui-tools-popup-close:hover{ background-color:var(--color-main-2); color:var(--color-main-light); } /* mode = "minimal" */ .ui-tools-popup-container.minimal{} @media all and ( max-width: 600px ){ .ui-tools-popup-container.minimal{ width:calc(100% - 30px); height:calc(100vh - 60px); max-width:calc(100% - 30px); max-height:calc(100vh - 60px); } } /* mode = "minimal-event" */ .ui-tools-popup-container.minimal-event{ width:unset; height:unset; left:25%; top:100px; right:25%; bottom:100px; transform:none; max-height:unset; max-width:unset; } @media all and ( max-width: 1024px ), all and ( max-height: 560px ) { .ui-tools-popup-container.minimal-event{ left:10px; top:10px; right:10px; bottom:10px; } } .ui-tools-popup-container.minimal-event #ui-tools-popup-title{ display:none; } .ui-tools-popup-container.minimal-event #ui-tools-popup-content{ width:unset; height:unset; position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:var(--default-color-6); } /* mode = "full" */ .ui-tools-popup-container.full{ width:unset; height:unset; left:30px; top:30px; right:30px; bottom:30px; transform:none; max-height:unset; max-width:unset; } @media all and ( max-width: 1024px ), all and ( max-height: 680px ) { .ui-tools-popup-container.full{ left:10px; top:10px; right:10px; bottom:10px; } } /* mode = "full-screen" */ .ui-tools-popup-container.full-screen{ width:100%; height:100%; max-width:100%; max-height:100%; border:0px; } .ui-tools-popup-container.full-screen>#ui-tools-popup-content{ position:absolute; top:60px; left:0px; width:100%; padding:0px; height:calc(100% - 60px); overflow:hidden; background:var(--color-main-background); } .ui-tools-popup-container.full-screen>#ui-tools-popup-close{ box-shadow:var(--shadow-default); } .ui-tools-popup-container.stage-1{ position:fixed; min-width:0 !important; min-height:0 !important; padding:0px; box-sizing:border-box; width:2px !important; height:2px !important; overflow:hidden; box-shadow:var(--shadow-default); --border-radius:50%; --transform:perspective(2500px) rotate3d(1,0,0,180deg); filter:grayscale(100%) blur(1px); opacity:0; } hr { height:0px; border:0px; border-bottom:dotted 1px #666; } select { width: 100%; height: 35px; } h1, h2{ margin:0px; } /****************************************************************************************************** * KSI-module *******************************************************************************************************/ .ksi-button { background:var(--color-btn-action-bg); color:var(--color-btn-action-font); transition:all 250ms ease; font-family:var(--default-font); cursor:pointer; border-radius:var(--default-radius); padding:8px 25px; transition:all 300ms ease; display:inline-block } .ksi-button:hover{ background:var(--color-btn-action-bg-hv); color:var(--color-btn-action-font-hv); } .ksi-module-container:before{ all:unset; } .ksi-module-container{ } .ksi-module-container input{ box-sizing:border-box; } .ksi-module-container select{ box-sizing:border-box; } .ksi-module-container textarea{ box-sizing:border-box; } .ksi-module{ font-weight:normal; width:100%; margin:auto; padding:0px; background:#fff; } .ksi-module div{ box-sizing:border-box ; } .ksi-module span{ box-sizing:border-box ; } .ksi-module input{ box-sizing:border-box ; } .ksi-module-title{ font-weight: normal; text-align:center; font-family: var(--default-font-3); font-size:34px; background-color:var(--color-main-2); background: linear-gradient(180deg, rgba(0,153,204,1) 0%, rgba(6,128,199,1) 100%); box-shadow:0px 2px 10px 0px #00000055; line-height:1; color:#fff; box-sizing: border-box; padding:35px; margin-bottom:30px; margin-top:8px; } .ksi-module-content{ /* padding:var(--default-margin) var(--default-margin); background:#f8f8f8;*/ color:#555; max-width:var(--default-row-width); margin:calc( 2* var(--default-margin) ) auto; display: flow-root; } .ksi-module-content h2{ font-family: var(--default-font-3); font-size:25px; font-weight:bold; padding:0px; max-width:800px; margin:20px auto; } .ksi-module-content h3, .ksi-module-content h4, .ksi-module-content h5{ font-family: var(--default-font-3); font-size:20px; padding:10px 0px; max-width:800px; margin:10px auto; } .ksi-module-content p, .ksi-module-content ul, .ksi-module-content ol{ max-width:800px; margin:15px auto; line-height:1.5; color:#333; box-sizing: border-box; } @media screen and (max-width: 1200px){ .ksi-module-container{ padding:0px var(--default-margin); margin:0px; } } @media screen and (max-width: 1170px) { .ksi-module-container{ --margin:0px var(--default-margin); } .ksi-module-title{ margin:0px calc(-1 * var(--default-margin)); padding:25px; } } @media screen and (max-width: 640px) { .ksi-module-container{ padding-top:0px; padding-bottom:0px; } .ksi-module-title{ font-size:22px; padding:15px; } .ksi-module-content h2{ font-size:20px; } .ksi-module-content h3, .ksi-module-content h4, .ksi-module-content h5{ font-size:18px; } } /****************************************************************************************************** * ??? *******************************************************************************************************/ .ksi-offer-desc-title{ font-size:14px; padding:0px; margin:10px 0px 10px 0px; font-weight:bold; color:#414141; } .ksi-offer-desc{ font-size:14px; padding:0px; margin:0px; color:#414141; } .dps{ float:left; border: 1px solid #E5E5E5 !important; } .dpsYear{ width:25%; } .dpsMonth{ margin-left:10px; margin-right:10px; width:calc(55% - 20px); } .dpsDay{ width:20%; } @media screen and (max-width: 575px) { .dpsYear{ width:40%; } .dpsMonth{ margin-left:0px; margin-right:0px; width:35%; } .dpsDay{ width:25%; } } /****************************************************************************************************** * przełącznik kalendarz / tabela w ofercie *******************************************************************************************************/ .trpcal{ padding-top:5px; padding-bottom:15px; overflow:hidden; } .trpcal-title{ line-height: 25px; font-size: 16px; font-weight: bold; color: var(--text-color-general); float: right; margin-right: 15px; } .trpcal-switch{ float:right; font-size:12px; height:28px; overflow:hidden; border-radius:13px; border:solid 1px #888 ; background:#fafafa; cursor:pointer; box-sizing: border-box; } .trpcal-switch:hover{ background:#fff; } .trpcal-switch span{ color:#bbb; } #trpcal-dates, #trpcal-calendar { margin: 3px; height: 20px; border-radius: 20px; border: 0px; font-size: 11px; font-weight: bold; display: inline-block; line-height: 20px; padding-left: 7px; padding-right: 7px; } .trpcal-active { transition:1s; background:var(--color-btn-action-bg) !important; color:var(--color-btn-action-font) !important; } /*************************************************************************************************************** Sekcja okienka Cookie */ .cookie-info-box{ box-sizing:border-box; background:rgba(0,0,0,0.7); position: fixed; bottom: 0px; z-index:9999999999; padding:20px; width: 100%; box-sizing:border-box; } .cookie-info-text{ box-sizing:border-box; color: #fff; font-size:14px; margin-right:20px; float:left; width:calc(100% - 150px); } .cookie-info-btn{ box-sizing:border-box; background: #ff6600; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; display: block; float: right; font-size: 16px; line-height: 22px; padding: 8px; margin-top:10px; } @media all and ( max-width: 640px ) { .cookie-info-text{ width:100%; } } :root{ --ksi-checkbox-size:22px; --ksi-checkbox-color-1:#ec0; --ksi-checkbox-color-2:var(--color-main-2); } /* The container */ .fs-chk-container { display: block; position: relative; padding-left: calc( var(--ksi-checkbox-size) + var(--default-margin) ); margin-bottom: 0px; cursor: pointer; color:#333; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fs-chk-container>input { position: absolute; opacity: 0; height: 0; width: 0; } .fs-chk-container .fs-chk-checkmark { position: absolute; top: 0; left: 0; height: var(--ksi-checkbox-size); width: var(--ksi-checkbox-size); border-radius:var(--default-radius); border:solid 1px var(--ksi-checkbox-color-1); background-color:#FFFFFF; transition:var(--default-transition); } .fs-chk-container:hover input ~ .fs-chk-checkmark { background-color: #f0f0f0; border:solid 1px var(--ksi-checkbox-color-2); } .fs-chk-container:hover input:checked .fs-chk-checkmark { background-color: #FFFFFF; } .fs-chk-container .fs-chk-checkmark:after { content: ''; position: absolute; opacity: 0; transition:var(--default-transition); transform: translateX(-50%) translateY(-60%) rotate(405deg); } .fs-chk-container input:checked ~ .fs-chk-checkmark:after { opacity: 1; transform: translateX(-50%) translateY(-60%) rotate(45deg); } .fs-chk-container .fs-chk-checkmark:after { position:absolute; left: 50%; top: 50%; width: 40%; height: 70%; border: solid var(--ksi-checkbox-color-2); box-sizing:border-box; border-width: 0 3px 3px 0; } /************************************************************ Global styles ************************************************************/ div{ box-sizing: border-box; } html { scroll-behavior:smooth; transition: all 300ms ease; } body{ margin:0px; padding:0px; border:0px; box-sizing: border-box; background:var(--color-main-background); font-family: var(--default-font); font-weight: 400; font-size: var(--font-size-defaut-text); } ::selection { color: #000; background: #ffd200; } section{ clear:both; } a{ text-decoration: none; } .ui-clear, .sk-clear{ clear:both; width:100%; box-sizing:border-box; height:0px; } .ui-abs-center{ position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); } /************************************************************ Skin ************************************************************/ .sk-row{ max-width: var(--max-cnt-width); margin: auto; padding:0px; box-sizing:border-box; } @media screen and (max-width: 1200px) { .sk-row{ margin-left:var(--default-margin); margin-right:var(--default-margin); } } @media screen and (max-width: 1024px) { .hide-1024{ display:none; } } @media all and ( max-width: 319px ){ body{ zoom:0.75; } } @media all and ( max-width: 239px ){ body{ zoom:0.5; } } @media all and ( max-width: 160px ){ body{ zoom:0.25; } } /************************************************************ KSI - logo ************************************************************/ @keyframes sk-ksi-anim-exp{ 0% {transform:scale(1);opacity:1;} 100% {transform:scale(4);opacity:0;} } .ksi{ position:relative; height:27px; line-height:27px; font-size:14px; color:#333; float:right; transition:var(--default-transition); } .ksi img{ height:21px; width:21px; position:relative; top:6px; transition:all 300ms ease-out; } #ksi-img{ display:inline-block; width:unset; float:unset; position:relative; } #ksi-img:before{ position:absolute; display:block; content:''; top:0px; left:0px; width:100%; height:100%; background-image:url(/skin/img/KSI-red.svg); background-repeat:no-repeat; background-size:21px 21px; background-position:0px 6px; opacity:1; } .ksi:hover #ksi-img:before{ animation-name: sk-ksi-anim-exp; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } @media all and ( max-width: 1340px ){ .ksi{ margin-right:65px; } } @media all and ( max-width: 720px ){ .ksi{ margin-right:0px; } } /* poppins-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* poppins-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* poppins-600 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } .sk-main{ } .sk-main .gray-bg{ padding:calc( 1 * var(--default-margin) ) 0px calc( 4 * var(--default-margin) ) 0px; width:100%; float:left; overflow:hidden; background-color:#f8f8f8; margin-top:calc( 3 * var(--default-margin) ); } .sk-main h2{ font-size:42px; font-weight:normal; padding-top:calc( 3 * var(--default-margin) ); float:left; width:100%; } .sk-main h2 + p{ font-size:19px; overflow:hidden; float:left; width:100%; padding:0px 0px calc(3 * var(--default-margin) ) 0px; margin:0px; } @media screen and (max-width: 1024px) { .sk-main h2{ font-size:34px; padding-top:calc( 3 * var(--default-margin) ); } } @media screen and (max-width: 640px) { .sk-main h2{ font-size:30px; padding-top:calc( 2 * var(--default-margin) ); } .sk-main h2 + p{ font-size:18px; padding:0px 0px calc( 2 * var(--default-margin) ) 0px; } } /* IZI-HOME-HERO START */ @media (min-width:1171px){ .top-shared{ background-image:url(/skin/img/top-bg.webp?v=1781722882032) !important; background-position:center !important; position:relative !important; } .top-shared::after{ content:'' !important; position:absolute !important; left:calc(50% - 585px) !important; top:175px !important; width:540px !important; height:117px !important; background:url(/skin/img/IZI_text.png?v=1781722882032) no-repeat left top !important; background-size:contain !important; pointer-events:none !important; z-index:6 !important; } } /* MOBILE: to samo tlo-plaza pod NOWA nazwa pliku. Rdzen KSI (dyncss) celuje w top-bg-old.webp, ktoremu podmienilismy tresc — wracajacy klienci mieli w cache przegladarki stary zolty wzorek pod ta nazwa. Swieza nazwa = cache omijany. */ @media (max-width:1170px){ .top-shared{ background-image:url(/skin/img/izi-hero-m.webp) !important; } } /* IZI-HOME-HERO END */ /* IZI: pasek zalet/gwarancji pod wyszukiwarka (strona glowna). */ .izi-zalety{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; width:100%; /* w kontekscie .sk-row grid bez tego liczy szerokosc 0 */ min-width:0; box-sizing:border-box; margin: calc( 1.2 * var(--default-margin) ) 0 calc( 0.4 * var(--default-margin) ); } .izi-zalety .izi-zal{ display:flex; align-items:center; gap:10px; padding:12px 14px; background:#fff; border:1px solid #eef0f3; border-radius:14px; box-shadow:0 1px 4px rgba(17,24,39,.05); } .izi-zalety .izi-zal svg{ width:26px;height:26px;flex:0 0 26px; stroke:#f5b50a;stroke-width:1.8;fill:none; } .izi-zalety .izi-zal span{ font-size:13.5px;font-weight:700;color:#1f2937;line-height:1.25; } @media all and (max-width:1100px){ .izi-zalety{ grid-template-columns:repeat(3,1fr); } } @media all and (max-width:620px){ .izi-zalety{ grid-template-columns:repeat(2,1fr); gap:10px; } .izi-zalety .izi-zal{ padding:10px; border-radius:12px; } .izi-zalety .izi-zal span{ font-size:12px; } } /* IZI hero: haslo jako EDYTOWALNY TEKST (Poppins ExtraBold) zamiast obrazka IZI_text.png. Tekst wstrzykiwany do body>.top-shared tylko na stronie glownej (z incTemplate_IND.php). Poppins ladowany -iem w (addUserMeta). */ /* chowa stary PNG (skin-main.css .top-shared::after) tylko gdy jest nasz tekst = homepage */ .top-shared:has(.izi-hero-txt)::after{ display:none !important; } .izi-hero-txt{ position:absolute; left:calc(50% - 585px); top:150px; z-index:6; pointer-events:none; max-width:640px; font-family:'Poppins', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color:#ffffff; text-shadow:0 1px 14px rgba(0,0,0,.20); } .izi-hero-txt .izi-hero-lead{ margin:0 0 6px; padding:0; font-weight:600; font-size:22px; line-height:1.2; } .izi-hero-txt .izi-hero-h1{ margin:0; padding:0; font-weight:800; font-size:62px; line-height:1; letter-spacing:-1.5px; } .izi-hero-txt .izi-hero-dot{ color:#ffd400; } /* mobile: hero nizszy, tekst mniejszy, przy dole nad wyszukiwarka */ @media all and (max-width:1170px){ .izi-hero-txt{ left:22px; right:22px; top:auto; bottom:96px; max-width:none; } .izi-hero-txt .izi-hero-lead{ font-size:15px; margin-bottom:2px; } .izi-hero-txt .izi-hero-h1{ font-size:38px; letter-spacing:-1px; } } @media all and (max-width:560px){ .izi-hero-txt{ bottom:110px; } .izi-hero-txt .izi-hero-h1{ font-size:32px; } } /* ── IZI hero v2: zakladki nad wyszukiwarka + pasek zaufania pod nia (DESKTOP; mobile dostanie osobny modul) ── Plik laduje sie TYLKO na stronie glownej (addCss w incTemplate_IND), wiec selektory nie ruszaja podstron. */ @media all and (min-width:1171px){ /* stare checkboxy (Last minute / Bestseller / All inclusive) chowamy — steruja nimi zakladki */ #search-main .search-cbs{ display:none !important; } /* tlo hero w ORYGINALNYM rozmiarze; caly zestaw (zakladki+box+zaufanie) kotwiczony do DOLU hero, podniesiony tak, zeby podpisy zaufania siedzialy NA zdjeciu z oddechem od dolu (jak mockup) */ /* UWAGA: element ma TYLKO id (bez klasy) — selektor klasowy byl martwy. height:auto — rdzen KSI daje sztywna wysokosc i podpisy przelewaly sie poza kotwice. bottom:16 + pas zaufania 40px + margines 16 => pasek wyszukiwania ~72px nad dolem banera (podniesiony o wysokosc karty wzgledem poprzednich ~29px) */ #search-main-ovr{ margin:0 !important; position:absolute !important; left:0; right:0; bottom:70px; height:auto !important; } #search-main-cnt{ height:auto !important; } /* haslo na SRODKU przestrzeni miedzy gora banera a szczytem kart */ .izi-hero-txt{ top:108px; } /* szerokosc wyszukiwarki: ORYGINALNA (1170, jak cala tresc strony) */ /* ukryty checkbox zostawial pusta kolumne grida i "Szukaj" wisial w powietrzu — 4 pola + guzik rozlozone rownomiernie na cala szerokosc boxa */ #search-main{ grid-template-columns: 1.2fr 1fr 1fr 1.05fr minmax(170px, .8fr) !important; column-gap:14px !important; padding:18px 20px 20px !important; border-top-left-radius:0 !important; /* prosty rog pod kartami — bez "rabka" */ } /* pola jak w mockupie: etykieta NAD obramowanym boxem */ #search-main .field > label, #search-main .fld-half > label{ display:block !important; visibility:visible !important; font-size:13px; font-weight:600; color:#3c586e; margin:0 0 7px; padding:0; line-height:1; position:static !important; width:auto !important; height:auto !important; overflow:visible !important; clip:auto !important; } /* ikona pola (tlo .field) wchodzi DO boxa: ramka na kontenerze, input przezroczysty z wcieciem */ #search-main > .field{ padding-left:0 !important; background-position:left 15px bottom 16px !important; background-size:19px auto !important; } #search-main .fld-half{ padding-left:0 !important; background-position:left 15px bottom 16px !important; background-size:19px auto !important; } /* Dorosli/Dzieci: ten sam odstep miedzy ramkami co wszedzie (bylo 0 — polowki sie stykaly) */ #search-main > .field:has(.fld-half){ display:flex !important; gap:14px !important; } #search-main .fld-half{ flex:1 1 0 !important; float:none !important; width:auto !important; } #search-main .searchWindow_main_element{ border:1.5px solid #E1E7EC !important; border-radius:11px !important; background:transparent !important; height:50px !important; box-sizing:border-box !important; } #search-main .searchWindow_main_element:hover{ border-color:#c9d4dc !important; } #search-main .searchWindow_main_input{ border:0 !important; background:transparent !important; width:100% !important; height:100% !important; box-sizing:border-box !important; padding:0 12px 0 44px !important; font-size:14px !important; font-weight:600 !important; color:#1d3a4d !important; } /* podpowiedzi w polach: drobne i lekkie (nie "bycze"), jak w mockupie */ #search-main .searchWindow_main_input::placeholder{ font-size:13.5px !important; font-weight:400 !important; color:#9aa7b2 !important; opacity:1 !important; } /* guzik Szukaj dosuniety do dolu (pola urosly o etykiety) */ #search-main > .field:last-child{ align-self:end; } #search-main > .field:last-child input[type='submit'], #search-main > .field:last-child button{ height:50px !important; } } /* karty: polaczone (bez odstepow), pierwsza od rantu boxa, wystaja tylko gorne zaokraglenia. Zero zachodzenia na box (bylo -1px i szare karty konczyly sie nizej niz rant boxa); ewentualna wloskowata szpare pod AKTYWNA karta mostkuje bialy box-shadow. */ /* Model warstw jak w mockupie: to BOX WYSZUKIWARKI jest uniesiony i rzuca cien, szare karty chowaja sie ZA niego (ich dol lapie cien boxa). Karty same cienia nie maja. */ .izi-htabs{ display:flex; gap:0; align-items:flex-end; padding:0; margin:0; } .izi-htab{ appearance:none; -webkit-appearance:none; border:0; cursor:pointer; font-family:inherit; font-size:15px; font-weight:700; color:#3d6280; background:#c8ddee; /* wyszarzone w niebieskim tonie; 700 = jak aktywna (bold zmienial szerokosc kart) */ padding:10px 44px; /* konczy sie rowno na rancie boxa, bez zachodzenia */ border-radius:14px 14px 0 0; transition:background .15s ease, color .15s ease; display:inline-flex; align-items:center; gap:9px; position:relative; z-index:1; /* WSZYSTKIE karty pod boxem */ /* efekt "box cieniuje karty" namalowany NA szarych kartach (wewnetrzny dolny gradient) — dzieki temu box nie potrzebuje cienia w gore i biel styku zostaje idealnie czysta */ box-shadow:inset 0 -12px 12px -8px rgba(10,40,60,.20); } /* hover TYLKO dla prawdziwej myszy — na dotyku :hover przykleja sie po tapie (odklejona karta wisiala w #daeaf7 az do tapniecia gdzie indziej) */ @media (hover:hover){ .izi-htab:hover{ background:#daeaf7; } } .izi-htab.on{ background:#fcfcfd; color:#122f40; /* dokladnie ta sama biel co tlo wyszukiwarki (pomiar usera); font-weight z bazy = stala szerokosc kart */ z-index:4; /* NAD cieniem boxa: aktywna bez cienia na sobie, biale w biale */ padding-bottom:12px; margin-bottom:-2px; /* niewidoczny 2px mostek na box: zero szczeliny, jednolita biel */ box-shadow:12px 0 12px -10px rgba(10,40,60,.28); /* konczy sie nad boxem: pada TYLKO na karte obok */ } .izi-htab .izi-htab-fire{ font-size:16px; line-height:1; } /* ogien w slocie ikony = ten sam odstep co SVG */ .izi-htab:focus, .izi-htab:focus-visible{ outline:none; } /* zero obwodek po kliku */ @media all and (min-width:1171px){ /* bottom:auto — rdzen KSI ma tu martwe bottom:100px, ktore ozywa przy position:relative. Cien boxa TYLKO w dol: zadnej mgielki przy styku z kartami = biel w biel bez przebarwien. */ #search-main{ position:relative; bottom:auto !important; z-index:3; box-shadow:0 14px 34px rgba(10,40,60,.16); } } .izi-htab svg{ width:17px; height:17px; fill:none; stroke:#3a7fc1; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; } .izi-htab.on svg{ stroke:#1f6cb5; } /* MODEL DOKLADANIA (2026-07-21): karty dochodza do wyszukiwania (kazda kombinacja). Marker na LM/AI: szara '+' (mozna dolozyc), biala '✓' (dolaczona). Wakacje = baza bez markera. UWAGA duplikacja skory: te same reguly w izi-search.css (blok PANEL v2) — zmieniac w OBU. */ .izi-htab[data-izitab='lm']::after, .izi-htab[data-izitab='bs']::after{ content:'+'; font-size:16px; font-weight:800; color:#6f93ad; line-height:1; margin-left:1px; display:inline-block; width:14px; text-align:center; /* sztywny slot: podmiana +/✓ nie rusza szerokosci */ } .izi-htab.on[data-izitab='lm']::after, .izi-htab.on[data-izitab='bs']::after{ content:'✓'; color:#1f6cb5; font-size:14px; } /* dwie biale karty obok siebie: cien aktywnej nie brudzi aktywnego sasiada */ .izi-htab.on:has(+ .izi-htab.on){ box-shadow:none; } /* aktywna tez jest klikalna (odklejanie) — delikatny hover zamiast niebieskiego; tylko mysz */ @media (hover:hover){ .izi-htab.on:hover{ background:#f4f7fa; } } /* podpisy: wariant D — biala czcionka bez tla, zolte ptaszki (brand), delikatny cien */ .izi-htrust{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0; width:fit-content; margin:16px auto 0; padding:9px 0; } .izi-htrust-i{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:#ffffff; text-shadow:0 1px 8px rgba(8,30,45,.55); } .izi-htrust-i + .izi-htrust-i{ border-left:1px solid rgba(255,255,255,.35); margin-left:26px; padding-left:26px; } .izi-htrust-i svg{ width:17px; height:17px; fill:none; stroke:#FDD835; stroke-width:1.8; flex:0 0 auto; filter:drop-shadow(0 1px 3px rgba(8,30,45,.45)); } /* Pasek zaufania jako OSOBNY modul tuz pod hero (nie na zdjeciu) — jasny pasek, ciemny tekst */ .izi-htrust.izi-htrust-mod{ width:100%; max-width:none; margin:0; padding:20px 16px; background:#f6f9fc; border-bottom:1px solid #e9eef3; box-sizing:border-box; } .izi-htrust.izi-htrust-mod .izi-htrust-i{ color:#16324a; text-shadow:none; } .izi-htrust.izi-htrust-mod .izi-htrust-i svg{ stroke:#1b8a9a; filter:none; } .izi-htrust.izi-htrust-mod .izi-htrust-i + .izi-htrust-i{ border-left-color:#e2e8ee; } @media all and (max-width:1170px){ .izi-htabs, .izi-htrust{ display:none !important; } /* telefon: osobny modul pozniej */ } /* newsletter (zolty pas w stopce) schowany na stronie glownej — decyzja usera 2026-07-03 */ .sk-footer-newsl-cnt{ display:none !important; } /* ══════════════════════════════════════════════════════════════ HERO MOBILE (≤1170px), 2026-07-08. Uklad telefonowy: haslo NA ZDJECIU nad wyszukiwarka (bylo: absolute z dolu = lezalo NA boxie), zakladki Wakacje/LM/Bestseller jako karty nad boxem (zamiast surowych checkboxow), pasek zaufania = przewijane chipy pod hero (karty trust2 byly w calosci schowane). Blok MUSI byc PO regule ".izi-htabs,.izi-htrust{display:none}" wyzej — pozniejszy wygrywa. ══════════════════════════════════════════════════════════════ */ @media all and (max-width:1170px){ /* rdzen trzyma sztywna wysokosc hero — przy hasle nad boxem musi rosnac z trescia; padding-bottom = pas zdjecia POD boxem (box nie urywa sie na rancie hero); margin-bottom 30→10 (rdzen): mniejsza szpara baner→pastylki zaufania (user 2026-07-09) */ body > .top-shared{ height:auto !important; padding-bottom:26px; margin-bottom:10px !important; } #search-main-ovr{ padding-top:0 !important; margin-top:0 !important; position:relative; } /* haslo W PRZEPLYWIE nad wyszukiwarka (placeHero wstawia je jako 1. dziecko hero) — rowne paddingi gora/dol = tekst ZAWSZE na srodku strefy naglowek→zakladki, na kazdej szerokosci (bylo: absolute w sztywnym pasku 117px = srodek tylko przy 390px). Uklad 2026-07-09: blok waski jak sam napis (fit-content, srodek), „Latwiej sie nie da." wyznacza szerokosc i jest wysrodkowane, lead JEDNA LINIA do lewej = zaczyna sie rowno z „Latwiej" (tekst skrocony do „Wakacje od najlepszych biur podrozy." = 303px < 344px h1) */ .izi-hero-txt{ position:static; width:fit-content; margin:0 auto; max-width:calc(100% - 32px); height:auto; padding:30px 0; bottom:auto !important; text-align:center; } .izi-hero-txt .izi-hero-lead{ text-align:left; } /* naglowek NORMALNIE u gory i odjezdza ze scrollem (patent fixed+scroll-reveal WYCOFANY 2026-07-09 na zyczenie usera — scroll-reveal dostal DOLNY pasek w izi-home-fabs.js) */ /* zakladki: 3 rowne karty BEZ szpar, razem = szerokosc boxa; zaokraglone tylko zewnetrzne rogi, karty STYKAJA sie na czysto (user 2026-07-10): zero hairline'ow miedzy kartami i zero desktopowego cienia aktywnej w prawo — to one robily efekt "nachodzenia" */ .izi-htabs{ display:flex !important; gap:0; } /* KOLORY KART MOBILE (user 2026-07-21, po zle zrozumianym zgloszeniu): nieaktywne JAK BYLY (polprzezroczysty niebieskawy + kolory z bazy), aktywna CZYSTA BIEL #fff jak panel rdzenia. Prawdziwy winowajca szarosci: cien panelu .search-main (--default-shadow 0 2px 10px 3px #00000033) swiecil DO GORY na pas kart — na desktopie podmieniony na dolny, na mobile zostal surowy. Podmiana nizej (#search-main) = aktywna karta wreszcie biala bez nalotu. */ .izi-htab{ flex:1 1 0; justify-content:center; padding:10px 4px 12px; font-size:13px; gap:4px; white-space:nowrap; border-radius:0; background:rgba(200,221,238,.85); } .izi-htab:first-child{ border-radius:12px 0 0 0; } .izi-htab:last-child{ border-radius:0 12px 0 0; } .izi-htab.on{ margin-bottom:-2px; padding-bottom:14px; box-shadow:none; background:#ffffff; } /* TELEFON BEZ IKON W KARTACH (user 2026-08-02: „usun z tabow ikony przy Wakacje, LM i AI, ale plus niech zostanie"). Na 375 px ikona + tekst + marker nie miescily sie w trzech rownych kartach bez scisku; sam tekst z markerem czyta sie lepiej i karty moga oddychac. Marker '+'/'✓' zostaje. */ .izi-htab svg{ display:none !important; } .izi-htab{ gap:5px; padding-left:6px; padding-right:6px; } /* cien panelu TYLKO W DOL (patent z desktopu, tu w wersji mobile): zero mgielki na kartach */ #search-main{ box-shadow:0 10px 24px rgba(10,40,60,.18); } .izi-htab .izi-htab-fire{ font-size:14px; } /* markery dokladania mniejsze na telefonie (karty maja font 13px); ciasny marker: '+' poszerzal karte i 'Last minute' lamalo sie na 2 linie */ .izi-htab[data-izitab='lm']::after, .izi-htab[data-izitab='bs']::after{ font-size:12px; margin-left:0; width:11px; } .izi-htab.on[data-izitab='lm']::after, .izi-htab.on[data-izitab='bs']::after{ font-size:11px; } #search-main{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; } #search-main-cnt{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; } /* surowe checkboxy LM/Bestseller w boxie: chowamy — steruja nimi zakladki (jak desktop) */ #search-main .search-cbs{ display:none !important; } /* pasek zaufania (chipy) — style w izi-home-modules.css (bundluje sie PO tym pliku, bazowe .izi-trust2 sa tam; tu tylko odkrecamy display:none z reguly wyzej) */ .izi-htrust.izi-trust2-wrap{ display:block !important; } } /* IZI moduly strony glownej — CSS wyciagniety z izi-home-extra.js (port render JS->PHP). Ladowany statycznie przez KSI (addCss) zeby style dzialaly przed pierwszym malowaniem = koniec mrugania. */ .izi-x{margin:68px auto;padding:0 16px;max-width:1202px;box-sizing:border-box;font-family:inherit;clear:both}.izi-x h2,.izi-x h4,.izi-x p{float:none;width:auto;padding:0}.izi-x-why-g,.izi-x-adv,.izi-x-adv-g,.izi-x-ls,.izi-x-adv-cta,.izi-x-faq details{clear:both}.izi-x h2.izi-x-h,.sk-main .izi-x h2.izi-x-h{font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#030f3b;margin:0 0 20px;text-align:center;letter-spacing:-.2px}.izi-x-sub{font-size:13.5px;color:#5b7385;margin:-12px 0 20px;text-align:center}.izi-x-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.izi-x-cat{display:grid;grid-template-rows:minmax(0,2fr) minmax(0,1fr);aspect-ratio:18/25;background:#f5f3ed;border-radius:16px;text-decoration:none;overflow:visible;transition:transform .15s ease,box-shadow .15s ease}.izi-x-cat:hover{text-decoration:none}.izi-x-cat-ph{min-height:0;position:relative;border-radius:16px 16px 0 0;background-size:cover;background-position:center}.izi-x-cat-ic{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);width:52px;height:52px;border-radius:15px;background:#fff;box-shadow:0 4px 14px rgba(15,45,60,.16);display:flex;align-items:center;justify-content:center}.izi-x-cat-ic svg{width:38px;height:38px;fill:none;stroke:#1d3a5f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.izi-x-cat-lb{min-height:0;display:flex;align-items:center;justify-content:center;padding:24px 10px 6px;box-sizing:border-box;text-align:center;font-size:14px;font-weight:700;color:#030f3b;line-height:1.3} /* wariant v2 (mokap 2026-07: biala karta, wysokie foto, kolko na granicy) — przelaczany w builderze */ .izi-x-cats.v2 .izi-x-cat{grid-template-rows:minmax(0,1fr) 87px;aspect-ratio:180/309;background:#fff;border:1px solid #eef0f2;border-radius:16px;box-shadow:0 2px 12px rgba(17,24,39,.06);overflow:hidden} .izi-x-cats.v2 .izi-x-cat:hover{box-shadow:0 2px 12px rgba(17,24,39,.06) !important} .izi-x-cats.v2 .izi-x-cat-ic{bottom:-24px;width:48px;height:48px;border-radius:50%} .izi-x-cats.v2 .izi-x-cat-ic svg{width:26px;height:26px} .izi-x-cats.v2 .izi-x-cat-icimg{width:28px;height:28px} .izi-x-cats.v2 .izi-x-cat-lb{padding:26px 6px 8px}@media(max-width:900px){.izi-x-cats{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.izi-x-cats{grid-template-columns:repeat(2,1fr)}}.izi-x-dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.izi-x-dhead h2{float:none;width:auto;margin:0;padding:0;text-align:left;font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#030f3b;letter-spacing:-.2px;line-height:1.2}.izi-x-dmore{font-size:14px;font-weight:700;color:#1d6cb5;text-decoration:none;white-space:nowrap}.izi-x-dmore span{display:inline-block;transition:transform .15s}.izi-x-dmore:hover span{transform:translateX(3px)}.izi-x-dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.izi-x-dtile{position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #eef0f2;box-shadow:0 1px 5px rgba(17,24,39,.08);display:flex;flex-direction:column;text-decoration:none}.izi-x-dtile:hover{text-decoration:none}.izi-x-dtile img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;display:block}.izi-x-dtile .t{padding:12px 16px 15px;min-height:66px;box-sizing:border-box}.izi-x-dtile .t b{display:block;font-family:'Poppins',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.2px;color:#030f3b;line-height:1.25;margin-bottom:3px}.izi-x-dtile .t span{display:block;font-size:13px;color:#5b7385;line-height:1.4}@media(max-width:900px){.izi-x-dgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.izi-x-dgrid{grid-template-columns:1fr}}.izi-x-banwrap{background:#fff;border:1px solid #ececec;border-radius:20px;padding:14px;box-shadow:0 1px 6px rgba(17,24,39,.06)}.izi-x-ban{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1280/548;background:#eef1f4}.izi-x-ban-tr{display:flex;height:100%;transition:transform .5s ease}.izi-x-ban-sl{flex:0 0 100%;height:100%;display:block;text-decoration:none}.izi-x-ban-sl img{width:100%;height:100%;object-fit:cover;display:block}.izi-x-banfoot{position:relative;padding:18px 60px 4px;min-height:56px;display:flex;align-items:center;justify-content:center}.izi-x-bancap{font-family:'Poppins',sans-serif;font-size:40px;font-weight:800;color:#16324a;letter-spacing:-.5px;line-height:1.15;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.izi-x-bannav{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:10px}.izi-x-bannav button{width:44px;height:44px;border:1px solid #e2e8ee;border-radius:50%;background:#fff;color:#16324a;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.izi-x-bannav button:hover{background:#f5f8fb;border-color:#cdd8e2}.sk-main .izi-x-bansec{margin-top:26px;margin-bottom:26px}.sk-main .izi-x-bansec + .izi-x{margin-top:26px}.izi-x-revhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.izi-x-revhead h2{float:none;width:auto;margin:0;padding:0;text-align:left;font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#030f3b;letter-spacing:-.2px;line-height:1.2}.izi-x-revmore{font-size:14px;font-weight:700;color:#1d6cb5;text-decoration:none;white-space:nowrap}.izi-x-revmore span{display:inline-block;transition:transform .15s}.izi-x-revmore:hover span{transform:translateX(3px)}.izi-x-revbadge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6ebf0;border-radius:999px;padding:8px 16px;margin:14px 0 20px;box-shadow:0 1px 5px rgba(17,24,39,.05)}.izi-x-revglogo{font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.5px}.izi-x-revglogo b{font-weight:700}.izi-x-revscore{font-size:16px;font-weight:800;color:#16324a}.izi-x-revstars{display:inline-flex;gap:1px}.izi-x-revstars svg{width:16px;height:16px;fill:#fbbf24}.izi-x-revcount{font-size:13px;color:#5b7385;font-weight:600}.izi-x-revrow{position:relative}.izi-x-revvp{overflow:hidden}.izi-x-revtr{display:flex;gap:20px;transition:transform .45s ease}.izi-x-revc{flex:0 0 calc((100% - 40px)/3);box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:16px;padding:22px 22px 20px;box-shadow:0 1px 5px rgba(17,24,39,.05);display:flex;flex-direction:column}.izi-x-revc .st{display:inline-flex;gap:2px;margin-bottom:12px}.izi-x-revc .st svg{width:18px;height:18px;fill:#fbbf24}.izi-x-revc .tx{font-size:14px;color:#374151;line-height:1.55;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.izi-x-revc .au{display:flex;align-items:center;gap:10px}.izi-x-revc .av{width:38px;height:38px;border-radius:50%;background:#e9eef3;color:#16324a;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.izi-x-revc .av img{width:100%;height:100%;object-fit:cover}.izi-x-revc .nm{font-size:13.5px;font-weight:800;color:#16324a;line-height:1.2}.izi-x-revc .dt{font-size:12px;color:#9097a0}.izi-x-revc .tx-more{align-self:flex-end;background:none;border:0;padding:0;margin:-8px 0 16px;color:#1A1A1A;font-size:13px;font-weight:700;cursor:pointer}.izi-x-revc .tx-more:hover{text-decoration:underline}.izi-x-revc .tx.tx-open{display:block;-webkit-line-clamp:unset;overflow:visible;flex:0 0 auto}.izi-x-revar{position:absolute;top:-52px;right:0;display:flex;gap:10px}.izi-x-revar button{width:42px;height:42px;border:1px solid #e2e8ee;border-radius:50%;background:#fff;color:#16324a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.izi-x-revar button:hover{background:#f5f8fb}.izi-x-revar button:disabled{opacity:.35;cursor:default}@media(max-width:900px){.izi-x-revc{flex:0 0 calc((100% - 20px)/2)}}@media(max-width:560px){.izi-x-revc{flex:0 0 100%}}.izi-x-revfb{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e6ebf0;border-radius:999px;padding:8px 16px;margin:14px 0 20px;box-shadow:0 1px 5px rgba(17,24,39,.05)}.izi-x-revfb .fbi{width:22px;height:22px;border-radius:6px;background:#1877F2;color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}.izi-x-revfb .fbl{font-size:14px;font-weight:800;color:#16324a}.izi-x-revfb .fbc{font-size:13px;color:#5b7385;font-weight:600}.izi-x-revc .rec{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-size:12.5px;font-weight:800;color:#1877F2}.izi-x-revc .rec svg{width:15px;height:15px;fill:#1877F2}.izi-x-revbadges{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 2px}.izi-x-revbadges>a{margin:0 !important;text-decoration:none;transition:box-shadow .15s,transform .15s}.izi-x-revbadges>a:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(17,24,39,.12)}.izi-x-revc .src{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:18px}.izi-x-revc .src .glg{width:17px;height:17px;display:inline-flex;flex:0 0 auto}.izi-x-revc .src .glg svg{width:17px;height:17px;display:block}.izi-x-revc .src .stx{display:inline-flex;gap:1px}.izi-x-revc .src .stx svg{width:15px;height:15px;fill:#fbbf24}.izi-x-revc .src-f .flg{width:18px;height:18px;border-radius:5px;background:#1877F2;color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}.izi-x-revc .src-f .pchk{width:22px;height:22px;display:inline-flex;flex:0 0 auto}.izi-x-revc .src-f .pchk svg{width:22px;height:22px;display:block}.izi-x-revc .src-f .poll{font-size:12.5px;font-weight:800;color:#1877F2}.izi-x-revc .src .rlink{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#5b7385;text-decoration:none;white-space:nowrap;flex:0 0 auto}.izi-x-revc .src .rlink b{font-size:13px;font-weight:800;color:#16324a}.izi-x-revc .src .rlink:hover{text-decoration:underline}.izi-x-revc .src .rlink .fdot{width:16px;height:16px;border-radius:4px;background:#1877F2;color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1}.izi-x-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px auto 4px;padding:0 16px;max-width:1100px}.izi-x-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1px solid #E5E5E5;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;color:#1A1A1A;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s}.izi-x-chip:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.14);text-decoration:none;color:#1A1A1A}.izi-x-ls{background:#FFF8E1;border:1px solid #FDE68A;border-radius:14px;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.izi-x-ls-t{font-size:14px;font-weight:800;color:#92400E;margin-right:2px}.izi-x-ls-q{font-size:14px;color:#1A1A1A;flex:1;min-width:180px}.izi-x-btn{display:inline-block;background:#FDD835;color:#1A1A1A;border:none;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer}.izi-x-btn:hover{filter:brightness(.95);text-decoration:none;color:#1A1A1A}.izi-x-btn2{display:inline-block;background:#fff;color:#1A1A1A;border:1px solid #E5E5E5;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer}.izi-x-btn2:hover{background:#FAFAFA;text-decoration:none;color:#1A1A1A}.izi-x-ls-x{background:none;border:none;color:#A0A0A0;font-size:12.5px;cursor:pointer;text-decoration:underline}.izi-x-whyband{max-width:none;padding:40px 16px;background:#edf3f8;margin:68px auto}.izi-x-whyin{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:196px 1fr;gap:24px;align-items:center}.sk-main .izi-x .izi-x-whyleft h2{float:none;width:auto;font-family:'Poppins',sans-serif;font-size:23px;font-weight:800;color:#030f3b;margin:0 0 16px;line-height:1.25;text-align:left;letter-spacing:-.2px}.izi-x-whybtn{display:inline-block;background:#FDD835;color:#1A1A1A;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none}.izi-x-whybtn:hover{filter:brightness(.96);text-decoration:none;color:#1A1A1A}.izi-x-whyg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.izi-x-whyi{text-align:center}.izi-x-whyi svg{width:44px;height:44px;fill:none;stroke:#1b8a9a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.izi-x-whyi h4{float:none;width:auto;font-size:13.5px;font-weight:800;color:#16324a;margin:0 0 6px;line-height:1.3}.izi-x-whyi p{float:none;width:auto;font-size:12.5px;color:#5b7385;margin:0;line-height:1.5}@media(max-width:900px){.izi-x-whyin{grid-template-columns:1fr}.izi-x-whyg{grid-template-columns:repeat(2,1fr)}}.izi-x-advhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}.izi-x-advhead h2{float:none;width:auto;margin:0;padding:0;text-align:left;font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#030f3b;letter-spacing:-.2px;line-height:1.2}.izi-x-advmore{font-size:14px;font-weight:700;color:#1d6cb5;text-decoration:none;white-space:nowrap}.izi-x-advmore span{display:inline-block;transition:transform .15s ease}.izi-x-advmore:hover span{transform:translateX(3px)}.izi-x-advg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.izi-x-advc{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid #ececec;border-radius:16px;padding:14px 12px;box-shadow:0 1px 5px rgba(17,24,39,.06);transition:transform .15s ease,box-shadow .15s ease}.izi-x-advc:hover{box-shadow:0 8px 22px rgba(17,24,39,.10)}.izi-x-adva{width:86px;height:86px;flex:0 0 86px;border-radius:50%;overflow:hidden;background:#e9eef3;color:#16324a;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center}.izi-x-adva img{width:100%;height:100%;object-fit:cover;display:block}.izi-x-advb{min-width:0;flex:1 1 auto}.izi-x-advnm{font-size:15px;font-weight:800;color:#16324a;margin:0 0 1px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.izi-x-advrl{font-size:12.5px;color:#8a97a3;margin:0 0 8px}.izi-x-advln{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b6070;text-decoration:none;margin-top:3px;white-space:nowrap;overflow:hidden;line-height:1.35}.izi-x-advln:hover{color:#1d6cb5}.izi-x-advln svg{width:14px;height:14px;fill:none;stroke:#9aa7b2;stroke-width:1.8;flex:0 0 auto;margin-top:1px}.izi-x-advmail{font-size:10px;color:#6b7d8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}@media(max-width:1000px){.izi-x-advg{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.izi-x-advg{grid-template-columns:1fr}}.sk-main .izi-x-faq h2.izi-x-faqh,.izi-x-faq h2.izi-x-faqh{float:none;width:auto;font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;color:#030f3b;letter-spacing:-.2px;line-height:1.2;margin:0 0 18px;padding:0;text-align:left}.izi-x-faqg{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:start}.izi-x-faq details{background:#f4f6f9;border:1px solid #eceff3;border-radius:10px;overflow:hidden}.izi-x-faq summary{padding:15px 18px;font-size:14.5px;font-weight:600;color:#16324a;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.izi-x-faq summary::-webkit-details-marker{display:none}.izi-x-faq summary:after{content:"";width:8px;height:8px;border-right:2px solid #8a97a3;border-bottom:2px solid #8a97a3;transform:rotate(45deg);transition:transform .2s;flex:0 0 auto;margin-top:-3px}.izi-x-faq details[open] summary:after{transform:rotate(225deg);margin-top:3px}.izi-x-faq-a{padding:0 18px 15px;font-size:13.5px;color:#4b5563;line-height:1.55}@media(max-width:760px){.izi-x-faqg{grid-template-columns:1fr}}.izi-x-cta{position:relative;overflow:hidden;border-radius:20px;padding:34px 44px;background:linear-gradient(120deg,#1b8a9a,#12707f);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.sk-main .izi-x-cta h2.izi-x-cta-h{float:none;width:auto;padding:0;margin:0 0 6px;font-family:'Poppins',sans-serif;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.15;text-align:left}.izi-x-cta p.izi-x-cta-p{float:none;width:auto;padding:0;margin:0;font-size:15px;color:rgba(255,255,255,.9)}.izi-x-cta-btn{background:#FDD835;color:#1f2937;font-weight:800;font-size:15px;padding:15px 28px;border-radius:12px;text-decoration:none;white-space:nowrap;flex:0 0 auto;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:filter .15s;border:0;cursor:pointer;font-family:inherit}.izi-x-cta-btn:hover{filter:brightness(.96);text-decoration:none;color:#1f2937}@media(max-width:700px){.izi-x-cta{flex-direction:column;align-items:flex-start;padding:26px 24px}}@media(max-width:900px){.izi-x-why-g{grid-template-columns:1fr}.izi-x-adv-g{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.izi-x-adv-g{grid-template-columns:1fr 1fr}.izi-x-h{font-size:21px}.izi-x{margin:24px auto}}.izi-x-cat,.izi-x-advc{transition:none !important}.izi-x-cat:hover{box-shadow:none !important;transform:none !important}.izi-x-advc:hover{box-shadow:0 1px 5px rgba(17,24,39,.06) !important;transform:none !important}.izi-htrust.izi-trust2-wrap{display:block;width:100%;max-width:none;margin:0;padding:26px 16px 0;background:transparent}.izi-trust2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;max-width:1170px;margin:0 auto;box-sizing:border-box}.izi-trust2-card{background:#fff;border:1px solid #eef0f2;border-radius:16px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 2px 12px rgba(17,24,39,.06)}.izi-trust2-ic{width:54px;height:54px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.izi-trust2-ic svg{width:26px;height:26px;fill:none;stroke:#16324a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sk-main .izi-trust2-wrap .izi-trust2-tx b{display:block;font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:800;color:#16324a;line-height:1.25;letter-spacing:-.2px;margin-bottom:5px}.izi-trust2-tx p{font-size:12.5px;color:#5b7385;line-height:1.5;margin:0}@media(max-width:1100px){.izi-trust2{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.izi-trust2{grid-template-columns:1fr}}.izi-x-ytban{display:block;border-radius:20px;overflow:hidden;text-decoration:none}.izi-x-ytban img{display:block;width:100%;height:auto;border-radius:20px} .izi-x-cat-icimg{width:40px;height:40px;object-fit:contain;display:block} /* logo w podpisie banera (token [logo] w caption; skala/pion/poziom inline z buildera capLogo) */ .izi-x-bancap-logo{height:1.5em;width:auto;display:inline-block;vertical-align:-.45em;margin:0 .04em;mix-blend-mode:multiply;position:relative} /* ciasniejsza stopka banera (2026-07-08: za duzo powietrza nad/pod logo — ma byc polowa) */ .izi-x-banfoot{padding:9px 60px 0;min-height:44px} .izi-x-banwrap{padding-bottom:7px} @media(max-width:640px){.izi-x-banfoot{padding:8px 48px 0;min-height:40px}.izi-x-bancap{font-size:24px;white-space:normal;line-height:1.3}.izi-x-bannav{right:0}.izi-x-bannav button{width:34px;height:34px;font-size:16px}} /* ══ HERO MOBILE (≤1170px): pasek zaufania jako poziomo przewijane chipy. Musi byc TU (nie w izi-hero.css) — bazowe .izi-trust2{display:grid} sa wyzej w TYM pliku, a bundel KSI laduje ten plik po izi-hero.css, wiec tamte reguly by przegraly. ══ */ @media(max-width:1170px){ /* PRZEBUDOWA 2026-07-09 v2: scrollerem jest SAM .izi-trust2 — dokladnie wzorzec kategorii (.izi-x-cats). Wczesniej scrollowal zewnetrzny wrap, a wewnetrzny blok ciagnal desktopowe margin:0 auto + width:max-content → Chrome liczyl margines auto jako UJEMNY (-552px), Safari na telefonie robilo z tego martwa przestrzen za ostatnia pastylka. margin:0 na sztywno. */ .izi-htrust.izi-trust2-wrap{ display:block !important; margin:0; padding:4px 0 0; background:#fff; overflow:visible; } .izi-trust2{ display:flex; align-items:stretch; gap:10px; width:auto; max-width:none; margin:0 !important; padding:0 16px 10px; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; scrollbar-width:none; } .izi-trust2::-webkit-scrollbar{ display:none; } /* pastylki Z OPISEM: gora = ikona + tytul, dol = opis na pelnej szerokosci karty; rowna wysokosc = align-items:stretch na rzedzie (najwyzsza wyznacza wszystkie) */ /* cala pastylka +15% (user 2026-07-09: czytelniejsze przy przewijaniu): 224→258px + proporcjonalnie ikona/fonty/paddingi */ .izi-trust2-card{ flex:0 0 297px; scroll-snap-align:start; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr; align-items:center; column-gap:10px; row-gap:8px; padding:14px 15px; border-radius:16px; box-shadow:0 1px 5px rgba(17,24,39,.06); } .izi-trust2-ic{ width:40px; height:40px; } .izi-trust2-ic svg{ width:24px; height:24px; } .izi-trust2-tx{ display:contents; } .sk-main .izi-trust2-wrap .izi-trust2-tx b{ margin:0; font-size:14.5px; white-space:normal; line-height:1.25; } .izi-trust2-tx p{ display:block; grid-column:1 / -1; align-self:start; font-size:13px; line-height:1.45; margin:0; } } /* ══════════════════════════════════════════════════════════════ MODULY HOME — MOBILE (≤760px), 2026-07-08. Zasada ukladu: karty (kategorie / doradcy / opinie / kierunki) przewijaja sie W BOK z podgladem nastepnej (scroll-snap, pasek scrolla schowany, full-bleed do rantu), tresc (dlaczego / FAQ / CTA) idzie POD SPODEM. Naglowki sekcji 20px, do lewej. ══════════════════════════════════════════════════════════════ */ @media(max-width:760px){ /* rytm: rowne 40px miedzy sekcjami (nadpisuje 24px z reguly ≤520 wyzej) */ .izi-x{ margin:40px auto !important; } /* WYJATEK (user 2026-07-09): sekcja tuz PO pastylkach zaufania (kategorie) blizej — 40px szpary bylo za duzo tylko w tym jednym styku */ .sk-main .izi-trust2-wrap + .izi-x{ margin-top:12px !important; } .izi-x h2.izi-x-h, .sk-main .izi-x h2.izi-x-h{ text-align:left; font-size:20px; } .izi-x-sub{ text-align:left; } .izi-x-dhead h2, .izi-x-revhead h2, .izi-x-advhead h2{ font-size:20px; } /* KATEGORIE: sciana 3x2 bez scrolla (user 2026-07-09; karuzela w bok wycofana) — 2 kolumny na cala szerokosc ekranu, wysokosc z aspect-ratio kafla */ .izi-x-cats, .izi-x-cats.v2{ display:grid !important; grid-template-columns:1fr 1fr; gap:12px; } /* BANER „Zmien wakacje na [logo]": na telefonie CALY UKRYTY (user 2026-07-09, „na razie") */ .izi-x-bansec, .sk-main .izi-x-bansec{ display:none !important; } .izi-x-bannav{ display:none !important; } .izi-x-banwrap{ padding:8px; } .izi-x-banfoot{ padding:8px 8px 2px !important; } .izi-x-bancap{ font-size:20px !important; } /* DLACZEGO IZI: kolejnosc naglowek → atuty → CTA (CTA byl nad atutami tuz po tytule) */ .izi-x-whyband{ padding:30px 16px; margin:40px auto !important; } .izi-x-whyin{ display:flex; flex-direction:column; gap:20px; } .izi-x-whyleft{ display:contents; } .izi-x-whyleft h2, .sk-main .izi-x .izi-x-whyleft h2{ order:1; margin:0; font-size:20px; } .izi-x-whyg{ order:2; gap:16px 12px; } /* zolty guzik "Poznaj nas lepiej" na telefonie SCHOWANY (2026-07-09, decyzja usera) */ .izi-x-whybtn{ display:none; } .izi-x-whyi svg{ width:36px; height:36px; margin-bottom:7px; } /* DORADCY: sciana 2x2 (user 2026-07-09, scroll wycofany) — zdjecie na gorze na cala szerokosc karty, dane pod spodem */ .izi-x-advg{ display:grid !important; grid-template-columns:1fr 1fr; gap:12px; } .izi-x-advc{ display:flex; flex-direction:column; align-items:stretch; gap:9px; padding:10px 10px 12px; } .izi-x-adva{ width:100%; height:auto; aspect-ratio:1/1; flex:0 0 auto; border-radius:12px; font-size:34px; } .izi-x-advb{ min-width:0; } .izi-x-advnm{ font-size:14px; white-space:normal; } .izi-x-advrl{ margin-bottom:6px; } /* OPINIE: natywny scroll-snap zamiast slidera JS (transform z autoplayu cial karty w polowie na malych ekranach; transform:none !important bije inline style z JS) */ .izi-x-revar{ display:none !important; } .izi-x-revvp{ overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; padding:2px 16px 14px; margin:0 -16px; scrollbar-width:none; } .izi-x-revvp::-webkit-scrollbar{ display:none; } .izi-x-revtr{ transform:none !important; transition:none !important; gap:12px; width:max-content; } .izi-x-revc{ flex:0 0 300px !important; scroll-snap-align:start; } /* POPULARNE KIERUNKI: pionowo, kafle jeden pod drugim (decyzja usera 2026-07-09 — karuzela w bok wycofana, „niech sobie troche obrazkow poskroluja"); baza wyzej w pliku daje 1 kolumne ≤560 i 2 kolumny 560-760 */ /* zolta GRUBA KRESKA pionowa PRZED naglowkiem sekcji (zastapila kropke, user 2026-07-09); „Dlaczego IZI Wakacje?" celowo bez znacznika */ .izi-x h2.izi-x-h::before, .sk-main .izi-x h2.izi-x-h::before, .izi-x-dhead h2::before, .izi-x-revhead h2::before, .izi-x-advhead h2::before, .izi-x-faq h2.izi-x-faqh::before, .sk-main .izi-x-faq h2.izi-x-faqh::before{ content:''; display:inline-block; width:5px; height:18px; border-radius:3px; background:#FDD835; margin-right:9px; vertical-align:-2px; } /* FAQ / CTA */ .izi-x-faq h2.izi-x-faqh, .sk-main .izi-x-faq h2.izi-x-faqh{ font-size:20px; } .sk-main .izi-x-cta h2.izi-x-cta-h{ font-size:22px; } .izi-x-cta{ padding:26px 20px; } .izi-x-cta-btn{ align-self:stretch; text-align:center; } } /* Baner IZI Live room (modul livebanner) — TYLKO komputer; telefon go nie pokazuje */ @media(max-width:760px){ .izi-x-liveb{ display:none !important } } /* CTA „Skontaktuj sie z doradca" jest teraz zamiast