.elementor-kit-9{--e-global-color-primary:#11110F;--e-global-color-secondary:#242321;--e-global-color-text:#11110F;--e-global-color-accent:#8D8982;--e-global-color-w6black:#11110F;--e-global-color-w6charcoal:#242321;--e-global-color-w6cream:#F3EFE8;--e-global-color-w6warmwhite:#FAF9F6;--e-global-color-w6white:#FFFFFF;--e-global-color-w6grey:#8D8982;--e-global-color-w6lightgrey:#D8D3CB;--e-global-color-w6darkline:#3A3935;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:600;--e-global-typography-w6label-font-family:"Manrope";--e-global-typography-w6label-font-size:11px;--e-global-typography-w6label-font-weight:600;--e-global-typography-w6label-text-transform:uppercase;--e-global-typography-w6label-letter-spacing:0.16em;--e-global-typography-w6button-font-family:"Manrope";--e-global-typography-w6button-font-size:12px;--e-global-typography-w6button-font-weight:600;--e-global-typography-w6button-text-transform:uppercase;--e-global-typography-w6button-letter-spacing:0.12em;color:#11110F;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:1.65em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#11110F;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#FAF9F6;border-style:solid;border-width:1px 1px 1px 1px;border-color:#11110F;border-radius:0px 0px 0px 0px;padding:18px 28px 18px 28px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#F3EFE8;color:#11110F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#11110F;border-radius:0px 0px 0px 0px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{color:#11110F;font-family:"Cormorant Garamond", Sans-serif;font-size:72px;font-weight:500;line-height:0.96em;}.elementor-kit-9 h2{color:#11110F;font-family:"Cormorant Garamond", Sans-serif;font-size:54px;font-weight:500;line-height:1.05em;}.elementor-kit-9 h3{color:#11110F;font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:500;line-height:1.15em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9 h1{font-size:58px;}.elementor-kit-9 h2{font-size:46px;}.elementor-kit-9 h3{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}}@media(max-width:767px){.elementor-kit-9{font-size:15px;}.elementor-kit-9 h1{font-size:44px;}.elementor-kit-9 h2{font-size:38px;}.elementor-kit-9 h3{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}:root { --w6-black:#11110F; --w6-charcoal:#242321; --w6-cream:#F3EFE8; --w6-warm-white:#FAF9F6; --w6-white:#FFFFFF; --w6-grey:#8D8982; --w6-light-grey:#D8D3CB; --w6-dark-line:#3A3935; --w6-font-heading:Cormorant Garamond; --w6-font-body:Manrope; --w6-space-8:8px; --w6-space-16:16px; --w6-space-24:24px; --w6-space-32:32px; --w6-space-48:48px; --w6-space-64:64px; --w6-space-80:80px; --w6-space-120:120px; --w6-space-160:160px; --w6-container-width:1200px; }
/* Start custom CSS *//* ================================================================
STUDIO W6 — GLOBAL CSS v2.0 (Elementor V4, układ "klasy natywne + CSS pomocniczy")
--------------------------------------------------------------
Wygląd elementów (kolory, tła, ramki, odstępy, wysokości, czcionki,
rozmiary, odstępy między literami, responsywność) jest zapisany w
NATYWNYCH KLASACH GLOBALNYCH V4 (Elementor > Klasy globalne).
Można go zmieniać w panelu elementu: styl lokalny zawsze wygrywa.
Ten plik zawiera tylko to, czego klasy nie potrafią wyrazić:
- tokeny i zmienne kolorów (jasny/ciemny kontekst),
- style elementów potomnych (img w kontenerze, wnętrze formularza,
accordionu, zakładek slidera, menu),
- pseudo-elementy (::after) i kolejność w układach.
================================================================ */
/* ---------- 1. Tokeny i zmienne kontekstu ---------- */
:root {
--w6-black: #11110F;
--w6-charcoal: #242321;
--w6-cream: #F3EFE8;
--w6-warm-white: #FAF9F6;
--w6-white: #FFFFFF;
--w6-grey: #8D8982;
--w6-light-grey: #D8D3CB;
--w6-dark-line: #3A3935;
--w6-text: #242321;
--w6-muted: #77736D;
--w6-max-width: 1200px;
--w6-wide-width: 1440px;
--w6-gutter: clamp(20px, 4vw, 64px);
--w6-transition: 300ms ease;
--w6-image-transition: 850ms cubic-bezier(.2,.65,.2,1);
/* kontekst jasny (domyślny); w sekcjach ciemnych klasy nadpisują te zmienne */
--w6-ink: #11110F;
--w6-ink-soft: #625E58;
--w6-ink-muted: #77736D;
--w6-ink-subtle: #8D8982;
--w6-line: #D8D3CB;
--w6-surface: #FFFFFF;
}
/* ---------- 2. Baza ---------- */
html { scroll-behavior: smooth; }
body {
margin: 0;
color: var(--w6-text);
background: var(--w6-warm-white);
font-family: "Manrope", Arial, sans-serif;
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
::selection { color: var(--w6-white); background: var(--w6-charcoal); }
:focus-visible { outline: 2px solid var(--w6-grey); outline-offset: 4px; }
/* ---------- 3. Linki tekstowe: podkreślenie ---------- */
html .elementor .w6-link::after {
position: absolute;
right: 0;
bottom: -5px;
left: 0;
height: 1px;
content: "";
background: currentColor;
transform: scaleX(.35);
transform-origin: left center;
transition: transform var(--w6-transition);
}
html .elementor .w6-link:hover::after,
html .elementor .w6-link:focus-visible::after { transform: scaleX(1); }
/* ---------- 4. Menu główne (widżet Nav Menu) ---------- */
html .elementor .w6-nav .elementor-nav-menu { gap: clamp(12px, 1.7vw, 28px); }
html .elementor .w6-nav .elementor-nav-menu--main .elementor-item {
padding: 12px 0;
color: var(--w6-charcoal);
font-family: "Manrope", Arial, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
}
html .elementor .w6-nav .elementor-nav-menu--main .elementor-item:hover,
html .elementor .w6-nav .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--w6-grey); }
html .elementor .w6-nav .elementor-nav-menu--main .elementor-item:after { height: 1px; background: currentColor; }
/* ---------- 5. Hero: zdjęcia, gradient, odwrócony układ ---------- */
html .elementor .w6-hero__media img,
html .elementor img.w6-hero__media {
display: block;
width: 100%;
height: 100%;
max-height: 760px;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: center;
}
html .elementor .w6-hero__background img,
html .elementor img.w6-hero__background {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
html .elementor .w6-hero--full-image .w6-hero__background::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(90deg, rgba(17,17,15,.78) 0%, rgba(17,17,15,.46) 38%, rgba(17,17,15,0) 62%);
pointer-events: none;
}
html .elementor .w6-hero--reverse .w6-hero__layout { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
html .elementor .w6-hero--reverse .w6-hero__media { order: 1; }
html .elementor .w6-hero--reverse .w6-hero__content { order: 2; }
/* ---------- 6. Hero slider (e-tabs): wnętrze zakładek, wskaźniki, podpis ---------- */
html .elementor .w6-hero__slides .e-tabs-content-area-base,
html .elementor .w6-hero__slides .e-tab-content-base { width: 100%; padding: 0; }
@keyframes w6-hero-fade { from { opacity: 0; } to { opacity: 1; } }
html .elementor .w6-hero__controls { left: max(var(--w6-gutter), calc((100% - var(--w6-wide-width)) / 2)); }
html .elementor .w6-hero__tag { right: max(var(--w6-gutter), calc((100% - var(--w6-wide-width)) / 2)); }
html .elementor .w6-hero--slider .w6-eyebrow { display: flex; align-items: center; gap: 16px; }
html .elementor .w6-hero--slider .w6-eyebrow::after { content: ""; width: 48px; height: 1px; background: currentColor; opacity: .5; }
html .elementor .w6-hero__controls .e-tab-base {
display: inline-flex;
align-items: center;
gap: 14px;
width: auto;
padding: 8px 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--w6-ink-subtle);
opacity: .75;
cursor: pointer;
transition: opacity var(--w6-transition);
}
html .elementor .w6-hero__controls .e-tab-base .e-paragraph-base { margin: 0; color: inherit; font-family: "Manrope", Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: .14em; }
html .elementor .w6-hero__controls .e-tab-base::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: .6; transition: width var(--w6-transition), opacity var(--w6-transition); }
html .elementor .w6-hero__controls .e-tab-base.e--selected { color: var(--w6-ink); opacity: 1; }
html .elementor .w6-hero__controls .e-tab-base.e--selected::after { width: 56px; opacity: 1; }
html .elementor .w6-hero__controls .e-tab-base:hover,
html .elementor .w6-hero__controls .e-tab-base:focus-visible { opacity: 1; }
/* ---------- 7. Karty i galerie: zdjęcia wewnątrz kontenerów ---------- */
/* kafle 3 światów: gradient na zdjęciu, zoom i strzałka przy najechaniu */
html .elementor .w6-world-card__image::after {
position: absolute;
inset: 0;
z-index: 1;
content: "";
background: linear-gradient(0deg, rgba(17,17,15,.5) 0%, rgba(17,17,15,0) 34%), linear-gradient(90deg, rgba(17,17,15,.86) 0%, rgba(17,17,15,.62) 30%, rgba(17,17,15,.18) 58%, rgba(17,17,15,0) 76%);
pointer-events: none;
}
html .elementor .w6-world-card:hover .w6-world-card__photo,
html .elementor .w6-world-card:focus-visible .w6-world-card__photo { transform: scale(1.03); }
html .elementor .w6-world-card:hover .w6-world-card__arrow,
html .elementor .w6-world-card:focus-visible .w6-world-card__arrow { transform: translateX(6px); }
/* karty usług: zdjęcie nad tekstem */
html .elementor .w6-service-card__image img {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
transition: transform var(--w6-image-transition);
}
html .elementor .w6-service-card:hover .w6-service-card__image img { transform: scale(1.035); }
html .elementor .w6-gallery-item img,
html .elementor .w6-project-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--w6-image-transition);
}
html .elementor .w6-gallery-item:hover img,
html .elementor .w6-project-card:hover .w6-project-image img { transform: scale(1.035); }
html .elementor .w6-project-card:hover .w6-project-card__arrow { transform: translate(3px,-3px); }
html .elementor .w6-split__media img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
html .elementor .w6-split--image-first .w6-split__media { order: 1; }
html .elementor .w6-split--image-first .w6-split__content { order: 2; }
/* ---------- 8. Kroki: kreski między kolumnami ---------- */
html .elementor .w6-step + .w6-step { padding-left: 24px; border-left: 1px solid var(--w6-line); }
/* ---------- 9. FAQ (e-accordion) ---------- */
html .elementor .w6-faq .e-accordion-item-base { border: 0; border-top: 1px solid var(--w6-line); }
html .elementor .w6-faq .e-accordion-item-header-base { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; cursor: pointer; }
html .elementor .w6-faq .e-accordion-item-title-base .e-paragraph-base {
margin: 0;
color: var(--w6-ink);
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}
html .elementor .w6-faq .e-accordion-item-content-base { padding: 0 36px 24px 0; }
html .elementor .w6-faq .e-accordion-item-content-base .e-paragraph-base { color: var(--w6-ink-muted); font-size: 14px; line-height: 1.8; }
html .elementor .w6-faq .e-accordion-item-icon-base { color: var(--w6-ink-subtle); }
/* ---------- 10. Formularz kontaktowy (e-form) ---------- */
html .elementor .w6-form .e-form-label-base {
margin-bottom: 8px;
color: var(--w6-ink-subtle);
font-family: "Manrope", Arial, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .12em;
text-transform: uppercase;
}
html .elementor .w6-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html .elementor .w6-form textarea,
html .elementor .w6-form select {
width: 100%;
min-height: 48px;
padding: 12px 0;
border: 0;
border-bottom: 1px solid var(--w6-line);
border-radius: 0;
color: var(--w6-ink);
background: transparent;
box-shadow: none;
font-family: "Manrope", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
html .elementor .w6-form textarea { min-height: 120px; resize: vertical; }
html .elementor .w6-form input:focus,
html .elementor .w6-form textarea:focus,
html .elementor .w6-form select:focus { outline: none; border-bottom-color: var(--w6-ink); }
html .elementor .w6-form ::placeholder { color: #A39E96; opacity: 1; }
html .elementor .w6-form .e-form-submit-button-base {
min-height: 52px;
padding: 0 28px;
border: 1px solid var(--w6-ink);
border-radius: 0;
color: var(--w6-surface);
background: var(--w6-ink);
box-shadow: none;
font-family: "Manrope", Arial, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
cursor: pointer;
transition: color var(--w6-transition), background var(--w6-transition);
}
html .elementor .w6-form .e-form-submit-button-base:hover { color: var(--w6-ink); background: transparent; }
html .elementor .w6-form .message-success .e-paragraph-base,
html .elementor .w6-form .message-error .e-paragraph-base { padding: 14px 0; font-size: 13px; }
/* ---------- 11. Stopka: linki ---------- */
html .elementor .w6-footer__links .e-paragraph-base,
html .elementor .w6-footer__links a { color: var(--w6-ink-soft); font-size: 12px; text-decoration: none; transition: color var(--w6-transition); }
html .elementor .w6-footer__links a:hover { color: var(--w6-ink); }
html .elementor .w6-footer__bottom a { color: var(--w6-ink-soft); text-decoration: none; }
/* ---------- 12. Tablet ---------- */
@media (max-width: 1024px) {
:root { --w6-gutter: 24px; }
html .elementor .w6-nav .elementor-nav-menu { gap: 14px; }
html .elementor .w6-nav .elementor-nav-menu--main .elementor-item { font-size: 9px; }
html .elementor .w6-hero--full-image .w6-hero__background::after { background: linear-gradient(180deg, rgba(17,17,15,0) 55%, rgba(17,17,15,1) 100%); }
/* kafle 3 światów: na tablecie dwie kolumny, trzeci kafel na całą szerokość */
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(3):nth-child(odd) { grid-column: 1 / -1; aspect-ratio: 8 / 3; }
html .elementor .w6-step:nth-child(3) { border-left: 0; padding-left: 0; }
html .elementor .w6-step:nth-child(n+3) { border-top: 1px solid var(--w6-line); }
html .elementor .w6-split__media img { aspect-ratio: 4 / 4.8; }
}
/* ---------- 13. Telefon ---------- */
@media (max-width: 767px) {
:root { --w6-gutter: 20px; }
body { font-size: 15px; }
html .elementor .w6-nav .elementor-nav-menu--dropdown { padding: 10px 20px 18px; border: 0; background: var(--w6-warm-white); box-shadow: 0 12px 24px rgba(17,17,15,.08); }
html .elementor .w6-nav .elementor-nav-menu--dropdown .elementor-item { padding: 13px 0; border-bottom: 1px solid var(--w6-light-grey); color: var(--w6-black); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(3):nth-child(odd) { aspect-ratio: 5 / 4; }
html .elementor .w6-hero--reverse .w6-hero__layout { grid-template-columns: 1fr; }
html .elementor .w6-hero--reverse .w6-hero__media,
html .elementor .w6-hero--reverse .w6-hero__content { order: initial; }
html .elementor .w6-hero__media img,
html .elementor img.w6-hero__media { max-height: none; aspect-ratio: 4 / 4.5; }
html .elementor .w6-service-card__image img { aspect-ratio: 4 / 4.7; }
html .elementor .w6-gallery-item img { aspect-ratio: 4 / 5; }
html .elementor .w6-step + .w6-step { padding-left: 0; border-left: 0; }
html .elementor .w6-step { border-top: 1px solid var(--w6-line); }
html .elementor .w6-step:first-child { border-top: 0; }
html .elementor .w6-split--image-first .w6-split__media,
html .elementor .w6-split--image-first .w6-split__content { order: initial; }
html .elementor .w6-faq .e-accordion-item-header-base { padding: 19px 0; }
html .elementor .w6-faq .e-accordion-item-title-base .e-paragraph-base { font-size: 22px; }
html .elementor .w6-footer__top > :first-child, html .elementor .w6-footer__top > :last-child { grid-column: 1 / -1; }
}
/* ---------- 14. Dostępność: ograniczony ruch ---------- */
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* ---------- 15. Historie w obiektywie: pasek zdjęć i lightbox ---------- */
html .elementor .w6-stories__gallery { scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; scroll-behavior: smooth; }
html .elementor .w6-stories__gallery::-webkit-scrollbar { display: none; }
html .elementor .w6-stories__gallery:focus-visible { outline: 1px solid var(--w6-ink-subtle); outline-offset: -1px; }
html .elementor .w6-stories__slide:hover .w6-stories__image { transform: scale(1.03); }
html .elementor .w6-stories .w6-eyebrow { display: flex; align-items: center; gap: 16px; }
html .elementor .w6-stories .w6-eyebrow::after { content: ""; width: 48px; height: 1px; background: currentColor; opacity: .5; }
html .elementor .w6-stories__prev:focus-visible,
html .elementor .w6-stories__next:focus-visible { outline: 2px solid var(--w6-ink); outline-offset: 3px; }
html .elementor .w6-stories__prev svg,
html .elementor .w6-stories__next svg { display: block; width: 20px; height: 20px; }
@media (prefers-reduced-motion: reduce) {
html .elementor .w6-stories__gallery { scroll-behavior: auto; }
}
html.w6-lightbox-open,
html.w6-lightbox-open body { overflow: hidden; }
.w6-lightbox {
position: fixed;
inset: 0;
z-index: 100000;
display: block;
background: #11110F;
color: #F3EFE8;
opacity: 0;
transition: opacity 300ms ease;
}
.w6-lightbox[hidden] { display: none; }
.w6-lightbox.is-open { opacity: 1; }
.w6-lightbox__stage { position: absolute; inset: 72px 112px; display: flex; align-items: center; justify-content: center; }
.w6-lightbox__img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
opacity: 0;
transition: opacity 400ms ease;
user-select: none;
-webkit-user-drag: none;
}
.w6-lightbox__img.is-in { opacity: 1; }
html .w6-lightbox .w6-lightbox__btn {
position: absolute;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(243,239,232,.92);
color: #11110F;
cursor: pointer;
transition: background-color 300ms ease, transform 300ms ease;
}
html .w6-lightbox .w6-lightbox__btn:hover,
html .w6-lightbox .w6-lightbox__btn:focus,
html .w6-lightbox .w6-lightbox__btn:focus-visible,
html .w6-lightbox .w6-lightbox__btn:active { border: 0; border-radius: 50%; background: #FFFFFF; color: #11110F; transform: scale(1.07); outline: none; }
html .w6-lightbox .w6-lightbox__btn { -webkit-tap-highlight-color: transparent; }
html .w6-lightbox .w6-lightbox__btn:focus-visible { outline: 2px solid #F3EFE8; outline-offset: 3px; }
html .w6-lightbox .w6-lightbox__btn svg { display: block; width: 22px; height: 22px; }
html .w6-lightbox .w6-lightbox__close { top: 20px; right: 20px; }
html .w6-lightbox .w6-lightbox__prev { top: 50%; left: 24px; margin-top: -27px; }
html .w6-lightbox .w6-lightbox__next { top: 50%; right: 24px; margin-top: -27px; }
.w6-lightbox__counter {
position: absolute;
bottom: 24px;
left: 50%;
margin: 0;
transform: translateX(-50%);
font-family: "Manrope", Arial, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .14em;
}
@media (max-width: 767px) {
.w6-lightbox__stage { inset: 72px 8px 88px; }
html .w6-lightbox .w6-lightbox__btn { width: 52px; height: 52px; }
html .w6-lightbox .w6-lightbox__close { top: 14px; right: 14px; }
html .w6-lightbox .w6-lightbox__prev { top: auto; bottom: 16px; left: 16px; margin-top: 0; }
html .w6-lightbox .w6-lightbox__next { top: auto; right: 16px; bottom: 16px; margin-top: 0; }
.w6-lightbox__counter { bottom: 32px; }
}
/* ---------- 16. O mnie ---------- */
html .elementor .w6-about__cta::after {
content: "";
flex: 0 0 auto;
width: 34px;
height: 10px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
transition: transform var(--w6-transition);
}
html .elementor .w6-about__cta:hover::after,
html .elementor .w6-about__cta:focus-visible::after { transform: translateX(6px); }
html .elementor .w6-about__cta:focus-visible { outline: 2px solid var(--w6-ink); outline-offset: 6px; }
@media (max-width: 767px) {
html .elementor .w6-about__text br { display: none; }
}
/* ---------- 17. Eyebrow z kreską (klasy przenośne: działają w każdej sekcji) ---------- */
html .elementor .w6-eyebrow--rule-before,
html .elementor .w6-eyebrow--rule-after { display: flex; align-items: center; gap: 16px; }
html .elementor .w6-eyebrow--rule-before::before,
html .elementor .w6-eyebrow--rule-after::after { content: ""; flex: 0 0 auto; width: 48px; height: 1px; background: currentColor; opacity: .5; }
/* ---------- 18. Dlaczego W6?: separatory kolumn ---------- */
html .elementor .w6-why__item:first-child { border-left: 0; }
@media (max-width: 1024px) {
html .elementor .w6-why__item:nth-child(n) { border-left: 1px solid var(--w6-line); }
html .elementor .w6-why__item:nth-child(3n+1) { border-left: 0; }
}
@media (max-width: 767px) {
html .elementor .w6-why__item:nth-child(n) { border-left: 1px solid var(--w6-line); }
html .elementor .w6-why__item:nth-child(odd) { border-left: 0; }
}
/* ---------- 19. Opinie klientów (Trustindex Google Reviews) ---------- */
html .elementor .w6-reviews__widget .ti-widget.ti-goog { background: transparent; color: var(--w6-ink); }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-controls { display: none; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-item .ti-inner {
background: #242321;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--w6-ink);
}
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-name { color: var(--w6-ink); font-family: "Manrope", Arial, sans-serif; font-weight: 600; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-date { color: var(--w6-ink-subtle); }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-content,
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-text { color: var(--w6-ink-soft); font-family: "Manrope", Arial, sans-serif; line-height: 1.65; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-read-more { color: var(--w6-ink-subtle); }
html .elementor .w6-reviews__prev svg,
html .elementor .w6-reviews__next svg { display: block; width: 18px; height: 18px; }
html .elementor .w6-reviews__prev:focus-visible,
html .elementor .w6-reviews__next:focus-visible { outline: 2px solid var(--w6-ink); outline-offset: 3px; }
/* 19b. Trustindex: nadpisanie !important wtyczki (tylko w sekcji opinii) */
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-item > .ti-inner {
background-color: #242321 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-item > .ti-inner * { color: inherit; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-name { color: var(--w6-ink) !important; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-date { color: var(--w6-ink-subtle) !important; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-content { color: var(--w6-ink-soft) !important; }
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-read-more,
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-read-more span { color: var(--w6-ink-subtle) !important; }
/* ---------- 20. CTA: Umów sesję (zdjęcie w tle) ---------- */
html .elementor .w6-cta__background img,
html .elementor img.w6-cta__background {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
}
html .elementor .w6-cta__background::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(17,17,15,.74) 0%, rgba(17,17,15,.5) 38%, rgba(17,17,15,.12) 62%, rgba(17,17,15,.26) 100%);
pointer-events: none;
}
html .elementor .w6-cta__button::after {
content: "";
flex: 0 0 auto;
width: 30px;
height: 10px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
transition: transform 300ms ease;
}
html .elementor .w6-cta__button:hover::after,
html .elementor .w6-cta__button:focus-visible::after { transform: translateX(5px); }
html .elementor .w6-cta__button:focus-visible { outline: 2px solid var(--w6-warm-white); outline-offset: 4px; }
@media (max-width: 1024px) {
html .elementor .w6-cta__background::after {
background: linear-gradient(90deg, rgba(17,17,15,.72) 0%, rgba(17,17,15,.5) 45%, rgba(17,17,15,.2) 100%);
}
}
@media (max-width: 767px) {
html .elementor .w6-cta__background img,
html .elementor img.w6-cta__background { object-position: 76% 30%; }
html .elementor .w6-cta__background::after {
background: linear-gradient(180deg, rgba(17,17,15,.1) 0%, rgba(17,17,15,.5) 38%, rgba(17,17,15,.88) 100%);
}
}
/* 19c. Opinie: dłuższy tekst (8 linii zamiast 4) */
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-content {
-webkit-line-clamp: 8;
height: 174px; /* 8 x 21,75 px */
}
@media (max-width: 767px) {
html .elementor .w6-reviews__widget .ti-widget.ti-goog .ti-review-content { -webkit-line-clamp: 9; height: 195.75px; }
}
/* ---------- 21. Stopka: miniatury, strzałki ---------- */
html .elementor .w6-footer__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: filter 400ms ease, transform 700ms ease;
}
html .elementor .w6-footer__thumb:hover img,
html .elementor .w6-footer__thumb:focus-visible img { filter: brightness(1.12); transform: scale(1.03); }
html .elementor .w6-footer__thumb:focus-visible { outline: 2px solid var(--w6-ink); outline-offset: 2px; }
html .elementor .w6-footer__gallery::-webkit-scrollbar { display: none; }
html .elementor .w6-footer__gallery { scrollbar-width: none; }
html .elementor .w6-footer__cta::after {
content: "";
flex: 0 0 auto;
width: 26px;
height: 10px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
transition: transform 300ms ease;
}
html .elementor .w6-footer__cta:hover::after,
html .elementor .w6-footer__cta:focus-visible::after { transform: translateX(5px); }
html .elementor .w6-footer__cta:focus-visible { outline: 2px solid var(--w6-ink); outline-offset: 4px; }
html .elementor .w6-footer__link a { color: inherit; text-decoration: none; }
/* ---------- 22. Stopka: poprawki (logo, kredyt, strzałka galerii) ---------- */
html .elementor .w6-footer__credit a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color .2s ease; }
html .elementor .w6-footer__credit a:hover { color: var(--w6-ink, #F3EFE8); }
html .elementor .w6-footer__instagram a { color: inherit; text-decoration: none; }
html .elementor .w6-footer__instagram-arrow a { display: inline-block; transition: transform .25s ease; }
html .elementor .w6-footer__instagram:hover .w6-footer__instagram-arrow a { transform: translateX(4px); }
html .elementor .w6-footer__contact-item a, html .elementor .w6-footer__legal-item a { color: inherit; text-decoration: none; transition: color .2s ease; }
html .elementor .w6-footer__contact-item a:hover, html .elementor .w6-footer__legal-item a:hover { color: var(--w6-ink, #F3EFE8); }
html .elementor a.w6-footer__social-link, html .elementor .w6-footer__social a { display: block; line-height: 0; }
html .elementor .w6-footer__social-icon { transition: opacity .2s ease; }
html .elementor .w6-footer__social a:hover .w6-footer__social-icon, html .elementor .w6-footer__social a:focus-visible .w6-footer__social-icon { opacity: 1; }
html .elementor img.w6-footer__logo { height: auto; max-width: 100%; }
/* ---------- 23. Nagłówek: linki, hamburger, menu mobilne ---------- */
html .elementor .w6-header__link a { color: inherit; text-decoration: none; display: inline-block; padding-bottom: 5px; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .28s ease, color .2s ease; }
html .elementor .w6-header__link a:hover, html .elementor .w6-header__link a:focus-visible { background-size: 100% 1px; }
html .elementor .w6-header__link a:focus-visible, html .elementor .w6-header__mobile-link a:focus-visible, html .elementor .w6-header__burger:focus-visible { outline: 1px solid #11110F; outline-offset: 4px; }
html .elementor .w6-header__mobile-link a { display: block; color: inherit; text-decoration: none; }
html .elementor .w6-header__mobile-link a:hover { color: #8D8982; }
html .elementor .w6-header__logo { object-fit: contain; }
html .elementor .w6-header__burger::before, html .elementor .w6-header__burger::after { content: ""; position: absolute; left: 10px; top: 50%; width: 22px; height: 1px; background: currentColor; transition: transform .25s ease, box-shadow .25s ease; }
html .elementor .w6-header__burger::before { transform: translateY(-4px); box-shadow: 0 8px 0 currentColor; }
html .elementor .w6-header__burger::after { display: none; }
html .elementor .w6-header__burger:hover, html .elementor .w6-header__burger:focus { background: transparent; color: #11110F; border-radius: 0; }
@media (max-width: 1024px) {
html.w6-menu-open .elementor .w6-header__mobile { display: flex; }
html.w6-menu-open .elementor .w6-header__burger::before { transform: rotate(45deg); box-shadow: none; }
html.w6-menu-open .elementor .w6-header__burger::after { display: block; transform: rotate(-45deg); }
}
@media (min-width: 1025px) { html.w6-menu-open .elementor .w6-header__mobile { display: none; } }
html .elementor .w6-header__inner > a { flex: 0 0 auto; display: block; line-height: 0; }
html .elementor .w6-header__mobile-contact a { color: inherit; text-decoration: none; display: block; padding-block: 6px; }
html .elementor .w6-header__mobile-link:nth-last-of-type(3) { border-bottom: 1px solid #D8D3CB; }
/* ---------- 24. Nagłówek sticky + hero: stała wysokość na mobile i przejście ---------- */
html .elementor-location-header { position: sticky; top: 0; z-index: 999; }
html body.admin-bar .elementor-location-header { top: 32px; }
html { scroll-padding-top: 84px; }
html .elementor .w6-header { -webkit-backdrop-filter: saturate(1.1) blur(10px); backdrop-filter: saturate(1.1) blur(10px); }
@media (max-width: 767px) {
html .elementor .w6-hero__slides .e-tab-content-base { min-height: 672px; }
html { scroll-padding-top: 78px; }
}
@keyframes w6-hero-zoom { from { transform: scale(1.05); } to { transform: scale(1); } }
/* ---------- 25. Hero: płynne przenikanie slajdów (crossfade) ---------- */
html .elementor .w6-hero__slides .e-tabs-content-area-base { display: grid; }
html .elementor .w6-hero__slides .e-tab-content-base { grid-area: 1 / 1; display: block !important; opacity: 0; visibility: hidden; transition: opacity 1100ms cubic-bezier(.4,0,.2,1), visibility 0s linear 1100ms; }
html .elementor .w6-hero__slides .e-tab-content-base.e--selected { opacity: 1; visibility: visible; z-index: 1; transition: opacity 1100ms cubic-bezier(.4,0,.2,1), visibility 0s; }
html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__background { overflow: hidden; }
html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__background img { transform: scale(1.07); transition: transform 1200ms ease; }
html .elementor .w6-hero__slides .e-tab-content-base.e--selected .w6-hero__background img { transform: scale(1); transition: transform 7000ms cubic-bezier(.16,.5,.2,1); }
html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__content { opacity: 0; transform: translateY(20px); transition: opacity 400ms ease, transform 400ms ease; }
html .elementor .w6-hero__slides .e-tab-content-base.e--selected .w6-hero__content { opacity: 1; transform: none; transition: opacity 900ms ease 350ms, transform 1000ms cubic-bezier(.16,.6,.2,1) 350ms; }
@media (prefers-reduced-motion: reduce) {
html .elementor .w6-hero__slides .e-tab-content-base { transition: opacity 500ms ease, visibility 0s linear 500ms !important; }
html .elementor .w6-hero__slides .e-tab-content-base.e--selected { transition: opacity 500ms ease, visibility 0s !important; }
html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__background img, html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__content { transform: none !important; transition: none !important; }
html .elementor .w6-hero__slides .e-tab-content-base .w6-hero__content { opacity: 1 !important; }
}
/* ---------- 26. Podstrony ofertowe: hero, dla kogo, przebieg, galeria, FAQ ---------- */
html .elementor .w6-button--arrow::after {
content: "";
flex: 0 0 auto;
width: 26px;
height: 10px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
transition: transform 300ms ease;
}
html .elementor .w6-button--arrow:hover::after,
html .elementor .w6-button--arrow:focus-visible::after { transform: translateX(5px); }
html .elementor .w6-phero__bg img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
html .elementor .w6-phero__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(250,249,246,.96) 0%, rgba(250,249,246,.84) 28%, rgba(250,249,246,0) 58%); pointer-events: none; }
html .elementor .w6-intro__value:first-child { padding-left: 0; }
html .elementor .w6-intro__value + .w6-intro__value { border-left: 1px solid var(--w6-line, #D8D3CB); }
html .elementor .w6-process__media img, html .elementor .w6-selected__item img, html .elementor .w6-intro__media img { transition: transform .9s cubic-bezier(.2,.6,.2,1), filter .4s ease; }
html .elementor .w6-selected__item:hover img, html .elementor .w6-selected__item:focus-visible img { transform: scale(1.035); filter: brightness(1.06); }
html .elementor .w6-selected__item:focus-visible { outline: 1px solid #11110F; outline-offset: 3px; }
html .elementor .w6-selected__grid { scrollbar-width: none; }
html .elementor .w6-selected__grid::-webkit-scrollbar { display: none; }
html .elementor .w6-selected__link a { color: inherit; text-decoration: none; display: inline-block; padding-bottom: 5px; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; transition: opacity .2s ease; }
html .elementor .w6-selected__link a:hover { opacity: .6; }
html .elementor .w6-faq .e-accordion-item-base:last-child { border-bottom: 1px solid var(--w6-line, #D8D3CB); }
html .elementor .w6-faq .e-accordion-item-icon-base { width: auto; height: auto; }
html .elementor .w6-faq .e-accordion-item-icon-base .w6-faq__icon { width: 14px; height: 14px; flex: 0 0 14px; transition: transform .3s ease; }
html .elementor .w6-faq details[open] .w6-faq__icon { transform: rotate(45deg); }
html .elementor .w6-faq summary { list-style: none; }
html .elementor .w6-faq summary::-webkit-details-marker { display: none; }
html .elementor .w6-faq summary:focus-visible { outline: 1px solid #11110F; outline-offset: 4px; }
@media (max-width: 1024px) {
html .elementor .w6-phero__bg::after { background: linear-gradient(90deg, rgba(250,249,246,.96) 0%, rgba(250,249,246,.86) 40%, rgba(250,249,246,.1) 78%); }
html .elementor .w6-process__step:nth-child(odd) { border-left: 0; padding-left: 0; padding-right: 20px; }
html .elementor .w6-process__step:nth-child(even) { padding-left: 19px; padding-right: 0; }
}
@media (max-width: 767px) {
html .elementor .w6-phero__bg::after { background: linear-gradient(180deg, rgba(250,249,246,0) 24%, rgba(250,249,246,.9) 52%, #FAF9F6 68%); }
html .elementor .w6-intro__value + .w6-intro__value { border-left: 0; }
}
/* ---------- 27. Wizerunek biznesowy: kategorie, bloki ofertowe, etapy ---------- */
html .elementor .w6-cats__item:first-child .w6-cats__body { }
html .elementor .w6-cats__media img { transition: transform .9s cubic-bezier(.2,.6,.2,1), filter .4s ease; }
html .elementor .w6-cats__item:hover .w6-cats__media img { transform: scale(1.035); filter: brightness(1.05); }
html .elementor .w6-cats__arrow { transition: transform .3s ease; }
html .elementor .w6-cats__item:hover .w6-cats__arrow { transform: translateX(6px); }
html .elementor .w6-offer__li::before { content: ""; position: absolute; left: 0; top: .2em; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat; opacity: .9; }
html .elementor .w6-offer--dark .w6-button--outline { color: #F3EFE8; border-color: rgba(243,239,232,.6); background-color: transparent; }
html .elementor .w6-offer--dark .w6-button--outline:hover, html .elementor .w6-offer--dark .w6-button--outline:focus-visible { color: #11110F; background-color: #F3EFE8; border-color: #F3EFE8; }
html .elementor .w6-flow__item:first-child { border-left: 0; }
@media (max-width: 1024px) {
html .elementor .w6-flow__item:nth-child(3n+1) { border-left: 0; }
}
@media (max-width: 767px) {
html .elementor .w6-flow__item:nth-child(3n+1) { border-left: 1px solid rgba(17,17,15,.16); }
html .elementor .w6-flow__item:nth-child(odd) { border-left: 0; }
}
/* ---------- 28. W6 Experience: ciemny hero, projekty ---------- */
html .elementor .w6-phero--dark .w6-phero__bg::after { background: linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.6) 18%, rgba(17,17,15,0) 48%); }
html .elementor .w6-phero--dark .w6-phero__lead { color: rgba(243,239,232,.78); }
html .elementor .w6-project__more a { color: inherit; text-decoration: none; }
@media (max-width: 1024px) {
html .elementor .w6-phero--dark .w6-phero__bg::after { background: linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.75) 30%, rgba(17,17,15,.1) 75%); }
}
@media (max-width: 767px) {
html .elementor .w6-phero--dark .w6-phero__bg::after { background: linear-gradient(180deg, rgba(17,17,15,0) 40%, rgba(17,17,15,.85) 82%, #11110F 100%); }
}
/* ---------- 29. Portfolio: filtry, mozaika, CTA ---------- */
html .elementor .w6-pfilters__bar::-webkit-scrollbar { display: none; }
html .elementor .w6-pfilter + .w6-pfilter { border-left: 1px solid #D8D3CB; }
html .elementor .w6-pfilter:hover, html .elementor .w6-pfilter:focus, html .elementor .w6-pfilter:active { background: transparent; color: #11110F; border-radius: 0; box-shadow: none; }
html .elementor .w6-pfilter.is-active { color: #11110F; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 12px; }
html .elementor .w6-pfilter, html .elementor .w6-pfilter:focus, html .elementor .w6-pfilter:focus-visible { outline: none; border-top: 0; border-right: 0; border-bottom: 0; }
html .elementor .w6-pfilter:hover, html .elementor .w6-pfilter:focus-visible { color: #11110F; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 12px; }
html .elementor .w6-pitem::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,17,15,0) 55%, rgba(17,17,15,.7) 100%); pointer-events: none; z-index: 1; }
html .elementor .w6-pitem img { object-position: 70% 35%; transition: transform .9s cubic-bezier(.2,.6,.2,1), filter .4s ease; }
html .elementor .w6-pitem:hover img, html .elementor .w6-pitem:focus-visible img { transform: scale(1.035); filter: brightness(1.06); }
html .elementor .w6-pitem:focus-visible { outline: 2px solid #11110F; outline-offset: 2px; }
html .elementor .w6-pitem__cat::after { content: "→"; display: inline-block; margin-left: 12px; transition: transform .3s ease; }
html .elementor .w6-pitem:hover .w6-pitem__cat::after { transform: translateX(5px); }
html .elementor .w6-pitem__num:empty { display: none; }
@media (prefers-reduced-motion: reduce) { html .elementor .w6-pitem img { transition: none; } }
/* ---------- 30. Poznaj Studio W6 ---------- */
@media (max-width: 767px) { html .elementor .w6-phero--about { min-height: 680px; } html .elementor .w6-phero--about .w6-phero__bg { height: 56%; } }
html .elementor .w6-intro__media img[src*="Lukasza"] { object-position: 28% center; }
/* ---------- 31. Kontakt: formularz Elementor Pro (tylko .w6-form-native) ---------- */
html .elementor .w6-form-native .elementor-field-group { margin-bottom: 0; }
html .elementor .w6-form-native .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper), html .elementor .w6-form-native .elementor-field-group .elementor-select-wrapper select { min-height: 52px; padding: 14px 16px; border: 1px solid #D8D3CB; border-radius: 0; background-color: #FFFFFF; color: #11110F; font-family: "Manrope", Arial, sans-serif; font-size: 14px; line-height: 1.5; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease; }
html .elementor .w6-form-native textarea.elementor-field { min-height: 140px; resize: vertical; }
html .elementor .w6-form-native .elementor-field::placeholder { color: #8D8982; opacity: 1; }
html .elementor .w6-form-native .elementor-field:focus, html .elementor .w6-form-native select:focus { border-color: #11110F !important; box-shadow: 0 0 0 1px #11110F !important; outline: none; }
html .elementor .w6-form-native .elementor-select-wrapper .select-caret-down-wrapper { right: 16px; color: #242321; font-size: 12px; }
html .elementor .w6-form-native .elementor-field-type-acceptance { margin-top: 4px; }
html .elementor .w6-form-native .elementor-field-subgroup .elementor-field-option label { font-family: "Manrope", Arial, sans-serif; font-size: 12px; line-height: 1.6; color: #625E58; }
html .elementor .w6-form-native .elementor-field-subgroup input[type=checkbox] { width: 16px; height: 16px; margin: 3px 10px 0 0; accent-color: #11110F; vertical-align: top; }
html .elementor .w6-form-native .elementor-field-subgroup .elementor-field-option { display: flex; align-items: flex-start; }
html .elementor .w6-form-native .e-form__buttons, html .elementor .w6-form-native .elementor-field-type-submit { margin-top: 10px; justify-content: flex-start; }
html .elementor .w6-form-native .elementor-field-type-submit .elementor-button { width: auto; flex: 0 0 auto; }
html .elementor .w6-form-native .elementor-button { min-height: 52px; padding: 0 34px; border: 1px solid #11110F; border-radius: 0; background-color: #11110F; color: #FAF9F6; font-family: "Manrope", Arial, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; box-shadow: none; transition: background-color .2s ease, color .2s ease; }
html .elementor .w6-form-native .elementor-button:hover, html .elementor .w6-form-native .elementor-button:focus-visible { background-color: #242321; color: #FFFFFF; }
html .elementor .w6-form-native .elementor-button:focus-visible { outline: 1px solid #11110F; outline-offset: 3px; }
html .elementor .w6-form-native .elementor-message { font-family: "Manrope", Arial, sans-serif; font-size: 13px; margin-top: 14px; }
html .elementor .w6-form-native .elementor-message::before { display: none; }
html .elementor .w6-form-native .elementor-message.elementor-message-success { color: #11110F; padding: 14px 16px; border-left: 2px solid #11110F; background: #F3EFE8; }
html .elementor .w6-form-native .elementor-message.elementor-message-danger, html .elementor .w6-form-native .elementor-error .elementor-message { color: #A3352B; }
html .elementor .w6-form-native .elementor-error .elementor-field { border-color: #A3352B !important; }
html .elementor .w6-contact__main a { color: inherit; text-decoration: none; transition: opacity .2s ease; }
html .elementor .w6-contact__main a:hover { opacity: .65; }
html .elementor .w6-contact__rows .w6-selected__link { margin-left: 44px; }
@media (max-width: 767px) { html .elementor .w6-form-native .elementor-field-group { width: 100%; } html .elementor .w6-form-native .elementor-field-type-submit .elementor-button { width: 100%; } html .elementor .w6-contact__rows .w6-selected__link { margin-left: 38px; } }
/* ---------- 32. Polityka prywatności ---------- */
html .elementor .w6-privacy__toc-link a { display: flex; gap: 16px; color: inherit; text-decoration: none; transition: color .2s ease; }
html .elementor .w6-privacy__toc-link span { flex: 0 0 22px; color: #8D8982; font-size: 11px; letter-spacing: .08em; padding-top: 2px; }
html .elementor .w6-privacy__toc-link a:hover, html .elementor .w6-privacy__toc-link a:focus-visible { color: #8D8982; }
html .elementor .w6-privacy__content > .w6-privacy__section:first-of-type { border-top: 0; padding-top: 0; }
html .elementor .w6-privacy__text { margin-top: 18px; font-family: "Manrope", Arial, sans-serif; font-size: 15px; line-height: 1.75; color: #4A4743; max-width: 760px; }
html .elementor .w6-privacy__text p { margin: 0 0 12px; }
html .elementor .w6-privacy__text p:last-child { margin-bottom: 0; }
html .elementor .w6-privacy__text strong { color: #11110F; font-weight: 600; }
html .elementor .w6-privacy__text ul { margin: 6px 0 16px; padding-left: 20px; }
html .elementor .w6-privacy__text li { margin: 0 0 6px; }
html .elementor .w6-privacy__text li::marker { color: #8D8982; }
html .elementor .w6-privacy__text h3 { margin: 26px 0 8px; font-family: "Cormorant Garamond", Georgia, serif; font-size: 23px; font-weight: 500; line-height: 1.2; color: #11110F; }
html .elementor .w6-privacy__text a { color: #11110F; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html .elementor .w6-privacy__text a:focus-visible, html .elementor .w6-privacy__toc-link a:focus-visible { outline: 1px solid #11110F; outline-offset: 3px; }
html .elementor .w6-privacy__text code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; background: #F3EFE8; padding: 1px 5px; color: #242321; }
html .elementor .w6-privacy__table-wrap { margin: 14px 0 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #D8D3CB; }
html .elementor .w6-privacy__table-wrap table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13px; line-height: 1.5; margin: 0; }
html .elementor .w6-privacy__table-wrap th, html .elementor .w6-privacy__table-wrap td { padding: 11px 12px; border: 0; border-bottom: 1px solid #D8D3CB; text-align: left; vertical-align: top; background: transparent; }
html .elementor .w6-privacy__table-wrap th { font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #11110F; background: #F3EFE8; }
html .elementor .w6-privacy__table-wrap tr:last-child td { border-bottom: 0; }
html .elementor .w6-tbd { display: inline-block; padding: 0 6px; background: #F3EFE8; border: 1px dashed #8D8982; color: #A3352B; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
html .elementor .w6-privacy__mobile-toc { margin-bottom: 28px; }
html .elementor .w6-privacy__mobile-toc .e-accordion-item-base { border-top: 0 !important; }
html .elementor .w6-privacy__mobile-toc .e-accordion-item-header-base { padding: 16px 0 !important; }
html .elementor .w6-privacy__mobile-toc .w6-privacy__toc { margin-top: 0; padding-bottom: 14px; }
@media (max-width: 767px) { html .elementor .w6-privacy__text { font-size: 14.5px; } html .elementor .w6-privacy__text h3 { font-size: 21px; } }
@media (max-width: 767px) { html .elementor .w6-process__step:nth-child(odd) { padding-right: 12px; } html .elementor .w6-process__step:nth-child(even) { padding-left: 11px; } }
/* 33. Lightbox — przybliżanie i przesuwanie zdjęcia (kod w snippecie 198, wyłącznik: Ustawienia → Studio W6) */
.w6-lightbox.w6-lb-zoomable { touch-action: none; overflow: hidden; }
.w6-lightbox.w6-lb-zoomable .w6-lightbox__img { cursor: zoom-in; transform-origin: center center; transition: opacity 400ms ease, transform 280ms ease; }
.w6-lightbox.w6-lb-zoomable.is-instant .w6-lightbox__img { transition: opacity 400ms ease; }
.w6-lightbox.is-zoomed .w6-lightbox__img { cursor: grab; will-change: transform; }
.w6-lightbox.is-dragging .w6-lightbox__img { cursor: grabbing; }
html .w6-lightbox .w6-lightbox__zoom { top: 20px; right: 86px; }
@media (max-width: 767px) { html .w6-lightbox .w6-lightbox__zoom { top: 14px; right: 78px; } }
/* 35. Kontakt: panel studia ze zdjęciem (zdjęcie w klasie w6-studio__photo) */
html .elementor .w6-studio__panel::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(17,17,15,.9) 0%, rgba(17,17,15,.5) 38%, rgba(17,17,15,.08) 72%, rgba(17,17,15,0) 100%); pointer-events: none; }
html .elementor .w6-studio__panel > *:not(.w6-studio__photo) { position: relative; z-index: 2; }
html .elementor .w6-studio__panel img.w6-studio__photo, html .elementor .w6-studio__panel .w6-studio__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 12% 50%; }
/* 36. Telefon i tablet: czytelność hero, CTA i kafli 3 światów */
@media (max-width: 1024px) {
html .elementor .w6-world-card { background: #11110F; }
html .elementor .w6-world-card__image { left: 34% !important; width: 66% !important; background: #11110F; }
html .elementor .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.5) 0%, rgba(17,17,15,0) 34%), linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.62) 20%, rgba(17,17,15,.12) 50%, rgba(17,17,15,0) 70%); }
}
@media (max-width: 767px) {
html .elementor .w6-phero:not(.w6-phero--dark) { --w6-ink: #F3EFE8; --w6-ink-soft: rgba(243,239,232,.78); --w6-ink-subtle: #8D8982; --w6-charcoal: #D8D3CB; background: #11110F; }
html .elementor .w6-phero:not(.w6-phero--dark) .w6-phero__lead { color: rgba(243,239,232,.78); }
html .elementor .w6-phero:not(.w6-phero--dark) .w6-button { background: #F3EFE8; color: #11110F; border-color: #F3EFE8; }
html .elementor .w6-phero .w6-phero__bg::after, html .elementor .w6-phero--dark .w6-phero__bg::after { background: linear-gradient(180deg, rgba(17,17,15,0) 20%, rgba(17,17,15,.78) 42%, #11110F 64%); }
html .elementor .w6-cta__background::after { background: linear-gradient(180deg, rgba(17,17,15,.35) 0%, rgba(17,17,15,.72) 38%, rgba(17,17,15,.92) 100%); }
}
/* 37. Poznaj Studio W6 (telefon): gradient hero niżej, żeby nie przyciemniać twarzy */
@media (max-width: 767px) {
body.page-id-467 html .elementor .w6-phero .w6-phero__bg::after, html body.page-id-467 .elementor .w6-phero .w6-phero__bg::after { background: linear-gradient(180deg, rgba(17,17,15,0) 50%, rgba(17,17,15,.82) 78%, #11110F 94%); }
}
/* 38. Poznaj Studio W6 hero (komputer): zdjęcie szersze, Łukasz bliżej środka (zmień 30% na 24–36%) */
@media (min-width: 1025px) {
html body.page-id-467 .elementor .w6-phero__bg--right { inset: 0 0 0 30% !important; width: 70% !important; }
}
/* 39. Kafle 3 światów (komputer): kadr zdjęcia w kaflu 02 przesunięty w prawo (zmień 20% / 80%) */
@media (min-width: 1025px) {
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(2) { background: #11110F !important; }
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(2) .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.5) 0%, rgba(17,17,15,0) 34%), linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.94) 12%, rgba(17,17,15,.7) 30%, rgba(17,17,15,.3) 52%, rgba(17,17,15,.06) 72%, rgba(17,17,15,0) 88%); }
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(2) .w6-world-card__image { left: 30% !important; width: 70% !important; background: #11110F; }
}
/* 40. Hero z odsuniętym polem zdjęcia (w6-phero__bg--right): szerokość do prawej krawędzi, wcześniej wystawało poza ekran */
@media (min-width: 768px) {
html .elementor .w6-phero__bg--right { width: auto !important; } /* wszystkie hero z odsuniętym polem zdjęcia (371, 398, 467) */
}
/* 41. Kafle 3 światów: pionowe zdjęcia (kafel 1 i 3) w węższym polu po prawej, tekst zostaje na ciemnym tle (zmień left/width) */
@media (min-width: 1025px) {
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(3)) { background: #11110F !important; }
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(3)) .w6-world-card__image { left: 34% !important; width: 66% !important; background: #11110F; }
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(3)) .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.5) 0%, rgba(17,17,15,0) 34%), linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.94) 12%, rgba(17,17,15,.7) 30%, rgba(17,17,15,.3) 52%, rgba(17,17,15,.06) 72%, rgba(17,17,15,0) 88%); }
}
@media (min-width: 768px) and (max-width: 1024px) {
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(3) .w6-world-card__image { left: 58% !important; width: 42% !important; }
html .elementor .w6-worlds-grid > .w6-world-card:nth-child(3) .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.5) 0%, rgba(17,17,15,0) 34%), linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.94) 12%, rgba(17,17,15,.7) 30%, rgba(17,17,15,.3) 52%, rgba(17,17,15,.06) 72%, rgba(17,17,15,0) 88%); }
}
/* 41b. Kafle telefon: kafle 1 i 3 (pionowe zdjęcia) odsunięte nieco bardziej w prawo */
@media (max-width: 767px) {
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(3)) .w6-world-card__image { left: 40% !important; width: 60% !important; }
}
/* 42. Siatka 3 kolumn (w6-selected__grid--three), wyższy priorytet niż bazowa siatka 5-kolumnowa */
html .elementor .w6-selected__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* 43. Kontakt: galeria studia i pytania mają to samo tło, więc mniejszy odstęp między nimi */
body.page-id-473 .elementor .w6-selected { padding-bottom: 8px; }
/* 44. Poznaj Studio W6: układ odwrócony (zdjęcie po prawej, klasa w6-intro--reverse) i cytat końcowy (w6-quote*) */
@media (min-width: 768px) {
html .elementor .w6-intro--reverse .w6-intro__layout { grid-template-columns: minmax(0, 52fr) minmax(0, 48fr); }
html .elementor .w6-intro--reverse .w6-intro__media { order: 2; }
}
html .elementor .w6-quote__text::before { content: ""; display: block; width: 48px; height: 1px; background: #11110F; margin: 0 auto 36px; }
html .elementor .w6-quote__inner { align-items: center; text-align: center; margin-inline: auto; }
/* 45. Kafle 3 światów (układ poziomy): węższy gradient, zdjęcie szersze - kobiety bardziej odsłonięte. Komputer; tablet i telefon bez zmian */
@media (min-width: 1025px) {
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(2), :nth-child(3)) .w6-world-card__image { left: 32% !important; width: 68% !important; }
html .elementor .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(2), :nth-child(3)) .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.4) 0%, rgba(17,17,15,0) 28%), linear-gradient(90deg, #11110F 0%, rgba(17,17,15,.82) 9%, rgba(17,17,15,.4) 22%, rgba(17,17,15,.1) 38%, rgba(17,17,15,0) 52%); }
}
/* 46. Stopka: formularz newslettera Elementor Pro (tylko .w6-form-newsletter), wygląd jak dawna atrapa: pole z ramką i kwadratowy przycisk ze strzałką */
html .elementor .w6-form-newsletter { margin-top: 20px; }
html .elementor .w6-form-newsletter .elementor-form-fields-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 0; }
html .elementor .w6-form-newsletter .elementor-field-group { margin: 0; width: auto; padding: 0; }
html .elementor .w6-form-newsletter .elementor-field-type-email { grid-column: 1; grid-row: 1; }
html .elementor .w6-form-newsletter .elementor-field-type-submit { grid-column: 2; grid-row: 1; }
html .elementor .w6-form-newsletter .elementor-field-type-acceptance { grid-column: 1 / -1; grid-row: 2; margin-top: 12px; }
html .elementor .w6-form-newsletter input.elementor-field { min-height: 48px; padding: 12px 16px; border: 1px solid rgba(243,239,232,.3); border-right: 0; border-radius: 0; background: transparent; color: #F3EFE8; font-family: "Manrope", Arial, sans-serif; font-size: 13px; line-height: 1.4; box-shadow: none; transition: border-color .2s ease; }
html .elementor .w6-form-newsletter input.elementor-field::placeholder { color: #AAA49A; opacity: 1; }
html .elementor .w6-form-newsletter input.elementor-field:focus { border-color: #F3EFE8; outline: none; box-shadow: none; }
html .elementor .w6-form-newsletter .elementor-button { width: 48px; min-height: 48px; height: 100%; padding: 0; border: 1px solid rgba(243,239,232,.3); border-radius: 0; background: transparent; color: #F3EFE8; font-family: "Manrope", Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1; box-shadow: none; transition: background-color .2s ease, color .2s ease; }
html .elementor .w6-form-newsletter .elementor-button:hover, html .elementor .w6-form-newsletter .elementor-button:focus-visible { background: #F3EFE8; color: #11110F; }
html .elementor .w6-form-newsletter .elementor-field-subgroup .elementor-field-option { display: flex; align-items: flex-start; }
html .elementor .w6-form-newsletter .elementor-field-subgroup .elementor-field-option label { font-family: "Manrope", Arial, sans-serif; font-size: 11.5px; line-height: 1.6; color: rgba(243,239,232,.62); }
html .elementor .w6-form-newsletter .elementor-field-subgroup .elementor-field-option label a { color: #F3EFE8; text-decoration: underline; text-underline-offset: 2px; }
html .elementor .w6-form-newsletter .elementor-field-subgroup input[type=checkbox] { width: 15px; height: 15px; margin: 3px 10px 0 0; accent-color: #F3EFE8; }
html .elementor .w6-form-newsletter .elementor-message { font-family: "Manrope", Arial, sans-serif; font-size: 13px; line-height: 1.5; margin-top: 12px; }
html .elementor .w6-form-newsletter .elementor-message::before { display: none; }
html .elementor .w6-form-newsletter .elementor-message.elementor-message-success { color: #F3EFE8; }
html .elementor .w6-form-newsletter .elementor-message.elementor-message-danger { color: #E7B4A8; }
html .elementor .w6-form-newsletter .elementor-message.elementor-help-inline { color: #E7B4A8; }
/* 46b. Newsletter: nadpisanie domyślnego białego tła pola przez Elementor Pro */
html .elementor .w6-form-newsletter .elementor-field-group .elementor-field:not(.elementor-select-wrapper), html .elementor .w6-form-newsletter input.elementor-field-textual { background-color: transparent !important; color: #F3EFE8 !important; border-color: rgba(243,239,232,.3) !important; border-right-width: 0 !important; border-radius: 0 !important; }
html .elementor .w6-form-newsletter .elementor-field-group .elementor-field:focus { border-color: #F3EFE8 !important; box-shadow: none !important; }
html .elementor .w6-form-newsletter .elementor-field-group .elementor-button { background-color: transparent !important; color: #F3EFE8 !important; border-color: rgba(243,239,232,.3) !important; }
html .elementor .w6-form-newsletter .elementor-field-group .elementor-button:hover, html .elementor .w6-form-newsletter .elementor-field-group .elementor-button:focus-visible { background-color: #F3EFE8 !important; color: #11110F !important; }
/* 46c: checkbox newslettera - ciemny, cienka szara ramka */
html .elementor .w6-form-newsletter input[type=checkbox]{-webkit-appearance:none !important;appearance:none !important;width:14px !important;height:14px !important;min-width:14px;margin:0 10px 0 0 !important;background:transparent !important;border:1px solid rgba(243,239,232,.3) !important;border-radius:0 !important;box-shadow:none !important;outline:none;cursor:pointer;position:relative;vertical-align:middle}
html .elementor .w6-form-newsletter input[type=checkbox]:hover{border-color:rgba(243,239,232,.6) !important}
html .elementor .w6-form-newsletter input[type=checkbox]:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #F3EFE8;border-width:0 1px 1px 0;transform:rotate(45deg)}
html .elementor .w6-form-newsletter input[type=checkbox]:focus-visible{border-color:#F3EFE8 !important}
html .elementor .w6-form-newsletter input[type=checkbox]{padding:0 !important;height:14px !important;width:14px !important;max-width:14px;max-height:14px;flex:0 0 14px}
html .elementor .w6-form-newsletter input[type=checkbox]{min-height:14px !important;line-height:1 !important;align-self:center}
html .elementor .w6-form-newsletter .elementor-field-option input[type=checkbox]{border-style:solid !important;border-width:1px !important;border-color:rgba(243,239,232,.3) !important}
html .elementor .w6-form-newsletter .elementor-field-option input[type=checkbox]:hover{border-color:rgba(243,239,232,.6) !important}
html .elementor .w6-form-newsletter .elementor-field-group .elementor-field-option input[type=checkbox].elementor-field{border-right-width:1px !important;border-right-style:solid !important;border-right-color:rgba(243,239,232,.3) !important}
/* 47: kotwica #oferta - odstep pod stałym nagłówkiem */
html #oferta{scroll-margin-top:72px}
/* 48. Sekcja porównawcza #oferta (poziome zdjęcia): zdjęcie na całą szerokość kafla, bardzo lekki gradient tylko pod tekstem. Komputer */
@media (min-width: 1025px) {
html .elementor #oferta .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(2), :nth-child(3)) .w6-world-card__image { left: 0 !important; width: 100% !important; }
html .elementor #oferta .w6-worlds-grid > .w6-world-card:is(:nth-child(1), :nth-child(2), :nth-child(3)) .w6-world-card__image::after { background: linear-gradient(0deg, rgba(17,17,15,.45) 0%, rgba(17,17,15,0) 30%), linear-gradient(90deg, rgba(17,17,15,.55) 0%, rgba(17,17,15,.28) 26%, rgba(17,17,15,0) 48%); }
}
/* 49. Baner cookies (CookieYes): styl STUDIO W6 - jasne tło, cienka linia, ostre rogi, przyciski jak na stronie. CookieYes ustawia style inline, stąd !important */
html body .cky-consent-container { font-family: Manrope, sans-serif !important; }
html body .cky-consent-container .cky-consent-bar { background: #FAF8F4 !important; border: 0 !important; border-top: 1px solid rgba(17,17,15,.16) !important; border-radius: 0 !important; box-shadow: none !important; }
html body .cky-consent-container.cky-banner-bottom { max-width: 100% !important; }
html body .cky-consent-container .cky-title { font-family: "Cormorant Garamond", serif !important; font-weight: 500 !important; font-size: 22px !important; line-height: 1.2 !important; color: #11110F !important; margin: 0 0 8px !important; }
html body .cky-consent-container .cky-notice-des, html body .cky-consent-container .cky-notice-des p { font-family: Manrope, sans-serif !important; font-size: 12.5px !important; line-height: 1.65 !important; color: rgba(17,17,15,.72) !important; }
html body .cky-consent-container [data-cky-tag="powered-by"], html body .cky-consent-container [data-cky-tag="powered-by"] * { color: rgba(17,17,15,.45) !important; }
html body .cky-btn { font-family: Manrope, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; border-radius: 0 !important; box-shadow: none !important; min-height: 44px; padding: 12px 22px !important; border: 1px solid #11110F !important; transition: background-color .25s ease, color .25s ease, border-color .25s ease !important; }
html body .cky-btn-accept { background: #11110F !important; color: #F3EFE8 !important; border-color: #11110F !important; }
html body .cky-btn-accept:hover { background: #F3EFE8 !important; color: #11110F !important; opacity: 1 !important; }
html body .cky-btn-reject { background: transparent !important; color: #11110F !important; border-color: #11110F !important; }
html body .cky-btn-reject:hover { background: #11110F !important; color: #F3EFE8 !important; opacity: 1 !important; }
html body .cky-btn-customize, html body .cky-btn-preferences { background: transparent !important; color: rgba(17,17,15,.72) !important; border-color: rgba(17,17,15,.28) !important; }
html body .cky-btn-customize:hover, html body .cky-btn-preferences:hover { color: #11110F !important; border-color: #11110F !important; background: transparent !important; opacity: 1 !important; }
html body .cky-btn:focus-visible { outline: 1px solid #11110F !important; outline-offset: 3px !important; }
/* okno ustawień (Dostosuj) */
html body .cky-modal .cky-preference-center { background: #FAF8F4 !important; border-radius: 0 !important; border: 1px solid rgba(17,17,15,.16) !important; box-shadow: none !important; font-family: Manrope, sans-serif !important; color: #11110F !important; }
html body .cky-preference-center .cky-preference-title, html body .cky-preference-center .cky-accordion-btn { font-family: "Cormorant Garamond", serif !important; font-weight: 500 !important; color: #11110F !important; }
html body .cky-preference-center .cky-preference-content-wrapper, html body .cky-preference-center .cky-accordion-body, html body .cky-preference-center .cky-always-active, html body .cky-preference-center p { font-size: 12.5px !important; line-height: 1.65 !important; color: rgba(17,17,15,.72) !important; }
html body .cky-preference-center .cky-accordion { border-color: rgba(17,17,15,.14) !important; }
html body .cky-preference-center .cky-footer-wrapper, html body .cky-preference-center .cky-prefrence-btn-wrapper { background: #FAF8F4 !important; border-color: rgba(17,17,15,.14) !important; }
html body .cky-switch input[type=checkbox] { background: rgba(17,17,15,.28) !important; }
html body .cky-switch input[type=checkbox]:checked { background: #11110F !important; }
@media (max-width: 767px) {
html body .cky-consent-container .cky-title { font-size: 20px !important; }
html body .cky-btn { width: 100% !important; }
}
html body .cky-consent-container a, html body .cky-preference-center a:not(.cky-btn), html body .cky-preference-center .cky-show-desc-btn, html body .cky-preference-center button.cky-show-desc-btn { color: #11110F !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 500 !important; }
html body .cky-preference-center .cky-close { border-radius: 0 !important; }
@media (max-width: 767px) {
html body .cky-consent-container .cky-notice-btn-wrapper { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; flex-direction: row !important; margin: 14px 0 0 !important; }
html body .cky-consent-container .cky-btn { min-height: 42px !important; padding: 10px 8px !important; margin: 0 !important; }
html body .cky-consent-container .cky-btn-accept, html body .cky-consent-container .cky-btn-reject { width: calc(50% - 4px) !important; flex: 0 0 calc(50% - 4px) !important; }
html body .cky-consent-container .cky-btn-customize { width: 100% !important; flex: 0 0 100% !important; order: 3; min-height: 38px !important; }
html body .cky-consent-container .cky-notice-des, html body .cky-consent-container .cky-notice-des p { font-size: 12px !important; line-height: 1.55 !important; }
}
@media (max-width: 767px) {
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject { order: 1 !important; }
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept { order: 2 !important; }
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize { order: 3 !important; }
}
/* 50. Kontakt: ikona telefonu odbita w poziomie */
html .elementor [data-id="73a2c59e"] svg,html .elementor [data-id="73a2c59e"].e-svg{transform:scaleX(-1);}
/* 51. Menu mobilne: blokada przewijania strony + delikatna nakładka */
@media (max-width:1024px){
html.w6-menu-open,html.w6-menu-open body{overflow:hidden !important;overscroll-behavior:contain;}
html.w6-menu-open .elementor .w6-header::after{content:"";position:absolute;top:100%;left:0;width:100%;height:100vh;background:rgba(17,17,15,.38);pointer-events:auto;z-index:-1;}
}
/* 52. Menu mobilne: ikony kontaktu na osi tekstu, telefon odbity */
html .elementor .w6-header__mobile-icon{position:relative;top:3px;}
html .elementor .w6-header__mobile-icon[data-id="7a1c2211"] svg{transform:scaleX(-1);}/* End custom CSS */