.elementor-kit-4{--e-global-color-primary:#14110F;--e-global-color-secondary:#9A8B7A;--e-global-color-text:#14110F;--e-global-color-accent:#9A8B7A;--e-global-color-branddark:#000000;--e-global-color-bgbase:#FFFFFF;--e-global-color-bgsoft:#F4F2EF;--e-global-color-textmuted:#8A8580;--e-global-color-textondark:#F4F2EF;--e-global-color-line:#E3DFD9;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:1.85em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );}.elementor-kit-4 a:hover{color:var( --e-global-color-accent );}.elementor-kit-4 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:62px;font-weight:300;line-height:1.2em;}.elementor-kit-4 h2{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:34px;font-weight:300;line-height:1.2em;}.elementor-kit-4 h3{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:24px;font-weight:300;line-height:1.2em;}.elementor-kit-4 h4{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:1.2em;}.elementor-kit-4 h5{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;}.elementor-kit-4 h6{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:13px;font-weight:300;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ANKA DOBRZANSKA - Custom CSS Kitu. Efekty nieodwzorowalne natywnymi kontrolkami. */

/* --- 1. UKLAD: naglowek jako stala kolumna 220px (desktop) / pasek 62px (tablet+mobile) --- */
/* offset trescie daje padding na #outer-wrap (border-box), NIE margin na #main/#footer -
   margin przy szerokosci 100% robil 220px poziomego przepelnienia i ucinal stopke oraz sidebar */
#site-header{border:0;background:transparent;height:auto;box-shadow:none}
#outer-wrap{box-sizing:border-box}
#main,.elementor-location-footer{overflow-x:clip}
@media (min-width:1025px){
  #site-header{position:fixed;top:0;left:0;bottom:0;width:220px;z-index:60}
  #site-header .elementor-location-header,#site-header .elementor-location-header>.e-con{height:100%}
  #outer-wrap{padding-left:220px}
  .nd-hdrfoot{margin-top:auto}
}
@media (max-width:1024px){
  #site-header{position:fixed;top:0;left:0;right:0;z-index:60}
  #main{padding-top:62px}
}

/* --- 2. Kontener tresci wyrownany do lewej (demo .wrap nie ma margin:auto) --- */
.nd-wrap>.e-con-inner{margin-inline:0}

/* --- 3. Hero: wysokosc 100vh minus pasek na tablecie i mobile (natywnie min_height_tablet/mobile) --- */

/* --- 4. Przyciski: stala wysokosc 46/44 px jak w demo (.btn{height:46px}) --- */
.nd-btn .elementor-button{height:46px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:767px){.nd-btn .elementor-button{height:44px;width:100%}}

/* --- 5. Nawigacja: kreska 14px pod pozycja (demo .nav a::after width 0 -> 14px) --- */
.nd-nav .elementor-nav-menu--main .elementor-nav-menu>li>a{position:relative}
.nd-nav .elementor-nav-menu--main .elementor-nav-menu>li>a::after{content:"";position:absolute;left:0;bottom:2px;height:1px;width:0;background:var(--e-global-color-accent);transition:width .3s ease}
.nd-nav .elementor-nav-menu--main .elementor-nav-menu>li>a:hover::after,
.nd-nav .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item-active::after{width:14px}
.nd-nav .elementor-menu-toggle{padding:0}
@media (max-width:1024px){
  .nd-nav .elementor-nav-menu--dropdown{margin-top:0;border-top:1px solid var(--e-global-color-line)}
  .nd-nav .elementor-nav-menu--main .elementor-nav-menu>li>a::after{display:none}
  .nd-nav .elementor-nav-menu--dropdown a{transition:background-color .3s ease,color .3s ease}
}

/* --- 6. Galeria masonry: hover opacity 1 -> .72 + scale 1.015 (demo .g-item) --- */
.nd-gal .e-gallery-item{transition:opacity .4s ease}
.nd-gal .e-gallery-item .e-gallery-image{transition:transform .4s ease}
.nd-gal .e-gallery-item:hover{opacity:.72}
.nd-gal .e-gallery-item:hover .e-gallery-image{transform:scale(1.015)}

/* --- 7. Kafle wideo: kadr 16:9, object-position 28%, hover tint + scale (demo .film-item) --- */
.nd-film-thumb{aspect-ratio:16/9}
.nd-film-over{height:100%}
.nd-film-img,.nd-film-img .elementor-widget-container,.nd-film-img figure,.nd-film-img img{width:100%;height:100%}
.nd-film-img img{object-fit:cover;object-position:center 28%;transition:transform .3s ease;display:block}
.nd-film-tint{transition:background-color .3s ease;pointer-events:none}
.nd-film-play{pointer-events:none}
.nd-film-play .elementor-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}
.nd-film-item:hover .nd-film-img img{transform:scale(1.03)}
.nd-film-item:hover .nd-film-play .elementor-icon{transform:scale(1.12)}
.nd-film-item:hover .nd-film-cap .elementor-heading-title{color:var(--e-global-color-primary)}

/* --- 8. Wskaznik scrolla pod hero (demo .cue: opacity .85 -> 1, translateY 3px) --- */
.nd-cue{opacity:.85;transition:opacity .3s ease,transform .3s ease}
.nd-cue:hover{opacity:1;transform:translateY(3px)}

/* --- 9. Wordmark: hover opacity 1 -> .6 (demo .brand-mark) --- */
.nd-wordmark .elementor-heading-title a{transition:opacity .3s ease;display:inline-block}
.nd-wordmark .elementor-heading-title a:hover{opacity:.6}

/* --- 10. Stopka: dane kontaktowe jak demo .foot-small .lnk (kreska 1px, hover na akcent) --- */
.nd-fcontact .elementor-icon-list-text{border-bottom:1px solid var(--e-global-color-line);transition:color .3s ease,border-color .3s ease}
.nd-fcontact .elementor-icon-list-item:hover .elementor-icon-list-text{color:var(--e-global-color-accent);border-bottom-color:var(--e-global-color-accent)}

/* --- 11. Obrazy w splitach --- */
.nd-splitimg img{width:100%;height:auto;display:block}

/* --- 12. Tekst BIO --- */
.nd-bio-p p{margin:0}
.nd-bio-p a.nd-inline{color:var(--e-global-color-primary);border-bottom:1px solid var(--e-global-color-line);transition:color .3s ease,border-color .3s ease}
.nd-bio-p a.nd-inline:hover{color:var(--e-global-color-accent);border-bottom-color:var(--e-global-color-accent)}

/* --- 13. Formularz kontaktowy (Elementor Form nie ma kontrolki paddingu pol) --- */
.nd-form .elementor-field-group>label{display:none}
.nd-form .elementor-field-textual{padding:15px 16px;border-radius:0;background-color:transparent;border:1px solid var(--e-global-color-line);color:var(--e-global-color-primary);transition:border-color .3s ease;box-shadow:none}
.nd-form .elementor-field-textual:focus{border-color:var(--e-global-color-primary);outline:none;box-shadow:none}
.nd-form .elementor-field-textual::placeholder{color:var(--e-global-color-textmuted);opacity:1}
.nd-form textarea.elementor-field-textual{min-height:150px;resize:vertical}
.nd-form .elementor-button{height:46px;border:2px solid var(--e-global-color-primary);border-radius:0}

/* --- 14. Naglowek h1 tylko dla czytnikow ekranu (demo .sr na stronie glownej) --- */
.nd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}/* End custom CSS */