.elementor-kit-6{--e-global-color-primary:#7373A1;--e-global-color-secondary:#54547E;--e-global-color-text:#50426E;--e-global-color-accent:#AAAAFF;--e-global-typography-text-font-family:"Helvetica 43";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-text-letter-spacing:0.8px;background-image:var(--wpr-bg-a8742d59-6147-423c-bd7d-19f4e2583955);color:#54547E;background-size:100% auto;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#54547E;}.elementor-kit-6 h1{color:#000000;font-family:"Helvetica 43";font-size:60px;line-height:60px;letter-spacing:2px;word-spacing:0px;}.elementor-kit-6 h2{font-family:"Helvetica 43";font-size:20px;font-weight:600;}.elementor-kit-6 h3{color:#EEEEF4;font-family:"Helvetica 43";font-size:32px;font-weight:300;}.elementor-kit-6 h4{font-family:"Helvetica 63";}.elementor-kit-6 h5{font-family:"Helvetica 63";}.elementor-kit-6 h6{font-family:"Helvetica 63";}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-6{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:1.4em;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-text-word-spacing:0em;background-repeat:repeat;}.elementor-kit-6 p{margin-block-end:2px;}.elementor-kit-6 h3{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:19px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;background-repeat:repeat;}.elementor-kit-6 p{margin-block-end:17px;}.elementor-kit-6 h1{font-size:24px;line-height:1.2em;letter-spacing:0.6px;}.elementor-kit-6 h3{font-size:28px;line-height:1em;}}/* Start custom CSS *//* QTC — globalny gradient PNG doklejony do dołu (ze STRONG BLUR) */ /* Trzymam zmienne na (lepiej współpracuje z Elementor Custom CSS) */ html{ /* URL do pliku PNG z gradientem */ --qtc-gradient-url: url(https://qtrendom.pl/wp-content/uploads/2025/10/Gradient-strona-14-scaled.png); /* Proporcja: wysokość / szerokość (dla 2048×389 -> 389/2048 = 0.1899) */ --qtc-gradient-ratio: 0.1899; /* Maksymalna wysokość, by nie rosło za bardzo na ultrapanoramie */ --qtc-gradient-max: 420px; /* Siła rozmycia — zwiększ/zmniejsz wg uznania (np. 8–20px) */ --qtc-blur: 14px; } html, body { overflow-x: hidden; } /* brak poziomego scrolla */ /* Gradient przyklejony do dołu okna na każdej stronie */ body::after{ content: ""; position: fixed; /* OVERSCAN: powiększamy obszar o wartość blur, by nie przycinało krawędzi */ left: calc(-1 * var(--qtc-blur)); right: calc(-1 * var(--qtc-blur)); bottom: calc(-1 * var(--qtc-blur)); /* wysokość z proporcji + zapas na blur z góry i dołu */ height: calc( min(100vw * var(--qtc-gradient-ratio), var(--qtc-gradient-max)) + (2 * var(--qtc-blur)) ); /* tło: 100% szerokości, wysokość auto; powiększamy szerokość o overscan */ background-image: var(--qtc-gradient-url); background-position: center calc(100% + var(--qtc-blur)); /* kompensacja overscanu od dołu */ background-size: calc(100% + (2 * var(--qtc-blur))) auto; background-repeat: no-repeat; /* Rozmycie PNG */ filter: blur(var(--qtc-blur)); will-change: filter; transform: translateZ(0); pointer-events: none; /* nie blokuje kliknięć */ z-index: 5; } /* === KOD USTAWIA WYSOKOSCI GRADIENDU DLA 3 URZADZEN === */ html{ --qtc-height-mobile: 320px; /* telefon */ --qtc-height-tablet: 360px; /* tablet */ --qtc-height-desktop: 500px; /* komputer */ } /* Telefon: do 767px */ @media (max-width: 767.98px){ body::after{ /* 1) wysokość pudełka */ height: calc(var(--qtc-height-mobile) + (2 * var(--qtc-blur))); /* 2) wysokość TŁA = taka sama, żeby gradient realnie był wyższy/niższy */ background-size: calc(100% + (2 * var(--qtc-blur))) calc(var(--qtc-height-mobile) + (2 * var(--qtc-blur))); /* kompensacja overscanu (jak w Twoim kodzie) */ background-position: center calc(100% + var(--qtc-blur)); } } /* Tablet: 768–1023px */ @media (min-width: 768px) and (max-width: 1023.98px){ body::after{ height: calc(var(--qtc-height-tablet) + (2 * var(--qtc-blur))); background-size: calc(100% + (2 * var(--qtc-blur))) calc(var(--qtc-height-tablet) + (2 * var(--qtc-blur))); background-position: center calc(100% + var(--qtc-blur)); } } /* Desktop: od 1024px */ @media (min-width: 1024px){ body::after{ height: calc(var(--qtc-height-desktop) + (2 * var(--qtc-blur))); background-size: calc(100% + (2 * var(--qtc-blur))) calc(var(--qtc-height-desktop) + (2 * var(--qtc-blur))); background-position: center calc(100% + var(--qtc-blur)); } } /* QTC — sticky tasiemka po prawej na środku (host na shortcode) */ /* ========================================================== QTC — sticky tasiemka z social (widoczna na tablet/desktop oraz na nowszych telefonach; ukryta tylko na bardzo małych) ========================================================== */ /* USTAWIENIA – możesz zmienić wartości */ :root{ --qtc-ribbon-right: 6px; /* odległość od prawej krawędzi */ --qtc-ribbon-top: 50%; /* pozycja pionowa (50% = środek) */ } /* Pozycja/wygląd domyślnie – widoczne */ .qtc-ribbon{ position: fixed; right: var(--qtc-ribbon-right); top: var(--qtc-ribbon-top); transform: translateY(-50%); z-index: 10000; display: block; /* włączone */ /* width/height nadaje templatka 4778 */ } /* Ukryj TYLKO na bardzo małych telefonach (zmień próg 359.98px, jeśli potrzebujesz) */ @media (max-width: 359.98px){ .qtc-ribbon{ display: none !important; } } /* Wymuś widoczność na wszystkich większych (>= 360px) */ @media (min-width: 360px){ .qtc-ribbon{ display: block !important; } } /* Wymuś fixed nawet gdy rodzice mają transform/sticky */ html .qtc-ribbon{ position: fixed !important; right: var(--qtc-ribbon-right) !important; top: var(--qtc-ribbon-top) !important; transform: translateY(-50%) !important; z-index: 10000 !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Helvetica 43'; font-style: normal; font-weight: normal; font-display: auto; src: url(https://qtrendom.pl/wp-content/uploads/2025/09/Helvetica-43.woff) format('woff'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Helvetica 63'; font-style: normal; font-weight: normal; font-display: auto; src: url(https://qtrendom.pl/wp-content/uploads/2025/09/Helvetica-63.woff) format('woff'); } /* End Custom Fonts CSS */