:root {
	--wd-text-font: "GeneralSans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(110,110,110);
	--wd-text-font-size: 14px;
	--wd-title-font: "Khand", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: uppercase;
	--wd-title-color: rgb(110,110,110);
	--wd-entities-title-font: "Khand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: uppercase;
	--wd-entities-title-color: rgb(110,110,110);
	--wd-entities-title-color-hover: rgb(29, 29, 27);
	--wd-alternative-font: "Khand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Khand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "GeneralSans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(110,110,110);
	--wd-alternative-color: rgb(29,29,27);
	--btn-default-font-family: "Khand", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: uppercase;
	--btn-default-font-size: 16px;
	--btn-default-bgcolor: rgba(247,247,247,0);
	--btn-default-bgcolor-hover: rgba(239,239,239,0);
	--btn-default-padding-left: 0px;
	--btn-accented-bgcolor: rgb(29,29,27);
	--btn-accented-bgcolor-hover: rgb(230,253,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(167,197,161);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(197,161,161);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: rgb(29,29,27);
	--wd-link-color-hover: rgb(29,29,27);
	--wd-link-decor-color-hover: rgb(29,29,27);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(246,247,248);
	background-image: none;
}
.single-post .wd-post-author a, .single-post .wd-page-nav-btn .wd-label, .single-post .wd-page-nav-btn .wd-entities-title {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	color: rgb(110,110,110);
}
.single-post .wd-post-author a:hover, .single-post .wd-page-nav-btn .wd-label:hover, .single-post .wd-page-nav-btn .wd-entities-title:hover {
	color: rgb(29,29,27);
}
.single-post .wd-post-author, .single-post .wd-post-date {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgb(29,29,27);
}
.single-post .wd-post-author:hover, .single-post .wd-post-date:hover {
	color: rgb(29,29,27);
}
.blog-post-loop .wd-post-author > a.author, .blog-post-loop .read-more-section a, .sidebar-container .widget_recent_entries a, .sidebar-container .wp-block-latest-posts__post-title, .sidebar-container .widget_categories a, .sidebar-container .wp-block-categories a {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	color: rgb(110,110,110);
}
.blog-post-loop .wd-post-author > a.author:hover, .blog-post-loop .read-more-section a:hover, .sidebar-container .widget_recent_entries a:hover, .sidebar-container .wp-block-latest-posts__post-title:hover, .sidebar-container .widget_categories a:hover, .sidebar-container .wp-block-categories a:hover {
	color: rgb(29,29,27);
}
.blog-post-loop .wd-post-author > span, .sidebar-container .widget_search .widget-title, .sidebar-container .wp-block-search__label {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgb(110,110,110);
}
.blog-post-loop .wd-post-author > span:hover, .sidebar-container .widget_search .widget-title:hover, .sidebar-container .wp-block-search__label:hover {
	color: rgb(29,29,27);
}
.blog-post-loop .wd-post-cat > a, .single-post .wd-single-post-header .wd-post-cat > a {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	color: rgb(255,255,247);
}
.blog-post-loop .wd-post-cat > a:hover, .single-post .wd-single-post-header .wd-post-cat > a:hover {
	color: rgb(255,255,247);
}
.sidebar-container .wp-block-search__button.wp-element-button {
	font-family: "Khand", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	text-transform: uppercase;
	color: rgb(255,255,247);
}
.sidebar-container .wp-block-search__button.wp-element-button:hover {
	color: rgb(29,29,27);
}
body.blog .page-numbers:not(.next):not(.prev) {
	font-family: "GeneralSans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(242,244,245);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(110,110,110);
	--wd-form-placeholder-color: rgb(110,110,110);
	--wd-form-brd-color: rgb(110,110,110);
	--wd-form-brd-color-focus: rgb(29,29,27);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Extralight.ttf") format("woff");
	font-weight: 200;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-ExtralightItalic.ttf") format("woff");
	font-weight: 200;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Light.ttf") format("woff");
	font-weight: 300;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-LightItalic.ttf") format("woff");
	font-weight: 300;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Regular.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Italic.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Medium.ttf") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-MediumItalic.ttf") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Semibold.ttf") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-SemiboldItalic.ttf") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "GeneralSans";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-Bold.ttf") format("woff");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "General Sans Italic";
	src: url("//baseny2.linkdoczegos.pl/wp-content/uploads/2026/08/GeneralSans-BoldItalic.ttf") format("woff");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   KLASY DODAWANE RĘCZNIE W ELEMENTORZE
   ========================================================= */

/*
   .pool-card
   — karta typu basenu z efektem hover.

   .pool-card-title
   — główny tytuł karty typu basenu.

   .pool-card-extra
   — dodatkowa treść karty wyświetlana po najechaniu.

   .magic-pools-zoom
   — zdjęcie delikatnie powiększane po najechaniu.

   .magic-heading-reveal
   — nagłówek pojawiający się płynnie podczas wejścia w obszar ekranu.

   .magic-reveal-up
   — element pojawiający się płynnie od dołu.

   .magic-link-hover
   — link tekstowy lub przycisk z animacją interakcji.

   .magic-social-hover
   — ikony social media z płynną zmianą po najechaniu.

   .magic-form-fields
   — pola formularza z płynnymi stanami interakcji.

   .magic-legal-tabs
   — nawigacja dokumentów prawnych z funkcją sticky.

   .magic-contact-form
   — formularz kontaktowy z niestandardowym polem załączników.


/* =========================================================
   1. ZDJĘCIA REALIZACJI — POWIĘKSZENIE PO NAJECHANIU
   KLASA DODAWANA RĘCZNIE: magic-pools-zoom
   ========================================================= */

@media (min-width: 1025px) {

  /* 1.1 PŁYNNE POWIĘKSZENIE CAŁEGO ZDJĘCIA */
  .magic-pools-zoom {
    position: relative;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1);
  }

  /* 1.2 POWIĘKSZENIE PO NAJECHANIU */
  .magic-pools-zoom:hover {
    z-index: 2;
    transform: scale(1.035);
  }
}

/* =========================================================
   2. NAGŁÓWKI — PŁYNNE POJAWIANIE SIĘ
   KLASA DODAWANA RĘCZNIE: magic-heading-reveal
   ========================================================= */

/* 2.1 UKRYCIE NAGŁÓWKA PRZED WEJŚCIEM W OBSZAR EKRANU */
.magic-heading-reveal.elementor-invisible {
  opacity: 0;
}

/* 2.2 ANIMACJA NAGŁÓWKA PO WEJŚCIU W OBSZAR EKRANU */
.magic-heading-reveal.animated {
  animation-name: magic-heading-reveal !important;
  animation-duration: 1.35s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-fill-mode: both !important;
}

/* 2.3 KLATKI ANIMACJI NAGŁÓWKA */
@keyframes magic-heading-reveal {
  from {
    opacity: 0;
    transform: translateY(18px);
    filter: blur(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* =========================================================
   3. KONTENERY — PŁYNNE POJAWIANIE SIĘ OD DOŁU
   KLASA DODAWANA RĘCZNIE: magic-reveal-up
   ========================================================= */

/* 3.1 UKRYCIE KONTENERA PRZED WEJŚCIEM W OBSZAR EKRANU */
.magic-reveal-up.elementor-invisible {
  opacity: 0;
}

/* 3.2 ANIMACJA KONTENERA PO WEJŚCIU W OBSZAR EKRANU */
.magic-reveal-up.animated {
  animation-name: magic-reveal-up !important;
  animation-duration: 1.2s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-fill-mode: both !important;
}

/* 3.3 KLATKI ANIMACJI KONTENERA */
@keyframes magic-reveal-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================================================
   4. ANIMACJE — OGRANICZENIE RUCHU
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .magic-heading-reveal.animated,
  .magic-reveal-up.animated {
    animation: none !important;
  }
}

/* =========================================================
   5. LINKI I PRZYCISKI — MINIMALISTYCZNY EFEKT INTERAKCJI
   KLASA DODAWANA RĘCZNIE: magic-link-hover
   ========================================================= */

/* LINKI */
.magic-link-hover a,
a.magic-link-hover {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

/* LINIA POD LINKIEM */
.magic-link-hover a::after,
a.magic-link-hover::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: right;
}

/* PRZYCISK FORMULARZA */
.magic-link-hover button[type="submit"] {
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}

/* TEKST PRZYCISKU */
.magic-link-hover button[type="submit"] .elementor-button-text {
  position: relative;
  display: inline-block;
}

/* LINIA POD TEKSTEM PRZYCISKU */
.magic-link-hover button[type="submit"] .elementor-button-text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: right;
}


/* =========================================================
   DESKTOP I LAPTOP — HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .magic-link-hover a,
  a.magic-link-hover {
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
  }

  .magic-link-hover a::after,
  a.magic-link-hover::after,
  .magic-link-hover button[type="submit"] .elementor-button-text::after {
    transition: transform .35s ease;
  }

  .magic-link-hover a:hover,
  a.magic-link-hover:hover,
  .magic-link-hover button[type="submit"]:hover {
    transform: translateX(5px);
  }

  .magic-link-hover a:hover::after,
  a.magic-link-hover:hover::after,
  .magic-link-hover button[type="submit"]:hover .elementor-button-text::after {
    transform: scaleX(0);
  }
}


/* =========================================================
   TABLET I MOBILE — ANIMACJA PO DOTKNIĘCIU
   KLASA TECHNICZNA: magic-touch-active
   ========================================================= */

@media (hover: none), (pointer: coarse) {

  .magic-link-hover a,
  a.magic-link-hover,
  .magic-link-hover button[type="submit"] {
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
    -webkit-tap-highlight-color: transparent;
  }

  .magic-link-hover a::after,
  a.magic-link-hover::after,
  .magic-link-hover button[type="submit"] .elementor-button-text::after {
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
  }

  .magic-link-hover a.magic-touch-active,
  a.magic-link-hover.magic-touch-active,
  .magic-link-hover button[type="submit"].magic-touch-active {
    transform: translateX(5px);
  }

  .magic-link-hover a.magic-touch-active::after,
  a.magic-link-hover.magic-touch-active::after,
  .magic-link-hover button[type="submit"].magic-touch-active
  .elementor-button-text::after {
    transform: scaleX(0);
  }
}

/* =========================================================
   6. KARTY BASENÓW — PŁYNNY HOVER
   ========================================================= */

.pool-card {
  interpolate-size: allow-keywords;
  overflow: hidden;
}

.pool-card > .e-con-inner > .e-con {
  position: relative;
  overflow: hidden;
}

/* TREŚĆ NAD ROZMYCIEM */
.pool-card-title,
.pool-card-extra {
  position: relative !important;
  z-index: 2;
}

/* DODATKOWA TREŚĆ — STAN DOMYŚLNY */
.pool-card-extra {
  height: 0;
  min-height: 0 !important;
  opacity: 0;
  transform: translateY(10px);
  transition:
    height .75s cubic-bezier(.22, 1, .36, 1),
    opacity .55s ease,
    transform .75s cubic-bezier(.22, 1, .36, 1);
  overflow: visible;
  pointer-events: none;
}

/* ROZMYCIE ZDJĘCIA */
.pool-card > .e-con-inner > .e-con::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 1;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: backdrop-filter .85s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
}

/* HOVER */
@media (hover: hover) and (pointer: fine) {

  .pool-card:hover > .e-con-inner > .e-con::after {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .pool-card:hover .pool-card-extra {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* =========================================================
   7. SOCIAL MEDIA — HOVER IKON
   KLASA DODAWANA RĘCZNIE: magic-social-hover
   ========================================================= */

.magic-social-hover a,
.magic-social-hover .elementor-icon {
  transition:
    color .35s ease,
    transform .35s cubic-bezier(.22, 1, .36, 1);
}

.magic-social-hover a:hover,
.magic-social-hover .elementor-icon:hover {
  transform: translateY(-3px);
  color: #111111 !important;
}

.magic-social-hover a:hover svg,
.magic-social-hover a:hover svg path,
.magic-social-hover .elementor-icon:hover svg,
.magic-social-hover .elementor-icon:hover svg path {
  fill: #111111 !important;
}

/* =========================================================
   8. FORMULARZ — STANY PÓL
   KLASA DODAWANA RĘCZNIE: magic-form-fields
   ========================================================= */


/* =========================================================
   INPUTY I TEXTAREA — PRZEZROCZYSTE TŁO
   ========================================================= */

.magic-form-fields input.elementor-field,
.magic-form-fields textarea.elementor-field,
.magic-form-fields select.elementor-field {
  background: transparent !important;
  background-color: transparent !important;

  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  color: #1D1D1B;

  transition:
    border-color .35s ease,
    color .35s ease;
}


/* =========================================================
   INPUT — DOLNA LINIA
   ========================================================= */

.magic-form-fields input.elementor-field {
  border: 0 !important;

  border-bottom:
    1px solid
    #6E6E6E !important;
}


/* =========================================================
   TEXTAREA — TYLKO DOLNA LINIA
   ========================================================= */

.magic-form-fields textarea.elementor-field {
  border: 0 !important;

  border-bottom:
    1px solid
    #6E6E6E !important;

  resize: vertical;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.magic-form-fields input.elementor-field::placeholder,
.magic-form-fields textarea.elementor-field::placeholder {
  color: #B5B5B5;

  opacity: 1;

  transition:
    color .35s ease,
    opacity .35s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .magic-form-fields input.elementor-field:hover,
  .magic-form-fields textarea.elementor-field:hover {
    background: transparent !important;
    background-color: transparent !important;

    border-bottom-color:
      #1D1D1B !important;
  }

}


/* =========================================================
   FOCUS
   ========================================================= */

.magic-form-fields input.elementor-field:focus,
.magic-form-fields input.elementor-field:focus-visible,
.magic-form-fields input.elementor-field:active,
.magic-form-fields textarea.elementor-field:focus,
.magic-form-fields textarea.elementor-field:focus-visible,
.magic-form-fields textarea.elementor-field:active {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;

  border-bottom:
    1px solid
    #1D1D1B !important;

  box-shadow: none !important;
  outline: none !important;
}


/* =========================================================
   PLACEHOLDER PODCZAS WPISYWANIA
   ========================================================= */

.magic-form-fields input.elementor-field:focus::placeholder,
.magic-form-fields textarea.elementor-field:focus::placeholder {
  opacity: .35;
}


/* =========================================================
   WYPEŁNIONE POLA
   ========================================================= */

.magic-form-fields input.elementor-field:not(:placeholder-shown),
.magic-form-fields textarea.elementor-field:not(:placeholder-shown) {
  background: transparent !important;
  background-color: transparent !important;

  color: #1D1D1B;
}


/* =========================================================
   AUTOUZUPEŁNIANIE — CHROME / EDGE / SAFARI
   PRÓBA ZACHOWANIA PRZEZROCZYSTEGO TŁA
   ========================================================= */

.magic-form-fields input.elementor-field:-webkit-autofill,
.magic-form-fields input.elementor-field:-webkit-autofill:hover,
.magic-form-fields input.elementor-field:-webkit-autofill:focus,
.magic-form-fields input.elementor-field:-webkit-autofill:active,
.magic-form-fields textarea.elementor-field:-webkit-autofill,
.magic-form-fields textarea.elementor-field:-webkit-autofill:hover,
.magic-form-fields textarea.elementor-field:-webkit-autofill:focus,
.magic-form-fields textarea.elementor-field:-webkit-autofill:active {
  -webkit-text-fill-color:
    #1D1D1B !important;

  caret-color:
    #1D1D1B;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  box-shadow:
    none !important;

  -webkit-box-shadow:
    none !important;

  transition:
    background-color
    9999s
    ease-out
    0s;
}


/* =========================================================
   AUTOUZUPEŁNIANIE — LINIA
   ========================================================= */

.magic-form-fields input.elementor-field:-webkit-autofill,
.magic-form-fields input.elementor-field:-webkit-autofill:hover,
.magic-form-fields input.elementor-field:-webkit-autofill:focus,
.magic-form-fields input.elementor-field:-webkit-autofill:active {
  border: 0 !important;

  border-bottom:
    1px solid
    #1D1D1B !important;
}


/* =========================================================
   FIREFOX
   ========================================================= */

.magic-form-fields input.elementor-field:-moz-autofill,
.magic-form-fields textarea.elementor-field:-moz-autofill {
  background: transparent !important;
  background-color: transparent !important;

  color:
    #1D1D1B !important;

  box-shadow:
    none !important;
}

/* =========================================================
   9. FORMULARZ — BŁĘDY I GLOBALNE POWIADOMIENIA
   ========================================================= */


/* =========================================================
   BŁĄD POD POLEM
   ========================================================= */

.magic-form-fields
.elementor-field-group
.elementor-message-danger {
  width: 100%;

  margin:
    7px 0 0;

  padding: 0;

  border: 0;

  background: transparent;

  color:
    #B6463E;

  font-size:
    12px;

  line-height:
    1.4;

  text-align:
    left;

  animation:
    magic-field-error
    .4s
    cubic-bezier(.22, 1, .36, 1)
    both;
}


/* USUNIĘCIE IKONY BŁĘDU POLA */

.magic-form-fields
.elementor-field-group
.elementor-message-danger::before {
  display: none;
}


/* =========================================================
   INPUT Z BŁĘDEM
   ========================================================= */

.magic-form-fields
.elementor-field.elementor-error,
.magic-form-fields
.elementor-field-group.elementor-error
input.elementor-field {
  border-bottom-color:
    #B6463E !important;
}


/* =========================================================
   TEXTAREA Z BŁĘDEM
   ========================================================= */

.magic-form-fields
.elementor-field-group.elementor-error
textarea.elementor-field {
  border:
    0 !important;

  border-bottom:
    1px solid
    #B6463E !important;
}


/* =========================================================
   ORYGINALNY OGÓLNY KOMUNIKAT ELEMENTORA
   JS DODAJE TĘ KLASĘ PO PRZECHWYCENIU KOMUNIKATU
   ========================================================= */

.magic-form-message-hidden {
  display:
    none !important;
}


/* =========================================================
   GLOBALNY TOAST — BEZPOŚREDNIO W BODY
   ========================================================= */

.magic-form-toast-global {
  position:
    fixed !important;

  z-index:
    101 !important;

  top:
    24px;

  left:
    50%;

  display:
    block;

  width:
    max-content;

  max-width:
    calc(100vw - 40px);

  margin:
    0 !important;

  padding:
    16px
    24px
    16px
    54px;

  border:
    1px solid
    rgba(29, 29, 27, .10);

  background:
    rgba(255, 255, 255, .94);

  box-shadow:
    0 16px 50px
    rgba(0, 0, 0, .10);

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);

  font-family:
    "GeneralSans",
    "General Sans",
    sans-serif;

  font-size:
    16px;

  font-weight:
    400;

  line-height:
    22px;

  color:
    #1D1D1B;

  opacity:
    0;

  visibility:
    hidden;

  transform:
    translate(-50%, -20px)
    scale(.98);

  pointer-events:
    none;

  overflow:
    hidden;

  transition:
    opacity .35s ease,
    visibility .35s ease,
    transform .5s
    cubic-bezier(.22, 1, .36, 1);
}


/* =========================================================
   IKONA TOASTA
   ========================================================= */

.magic-form-toast-global::before {
  content:
    "";

  position:
    absolute;

  top:
    50%;

  left:
    22px;

  width:
    16px;

  height:
    16px;

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    contain;

  transform:
    translateY(-50%);
}


/* =========================================================
   LINIA CZASU
   ========================================================= */

.magic-form-toast-global::after {
  content:
    "";

  position:
    absolute;

  right:
    0;

  bottom:
    0;

  left:
    0;

  height:
    2px;

  transform:
    scaleX(0);

  transform-origin:
    left center;
}


/* =========================================================
   SUKCES
   ========================================================= */

.magic-form-toast-global[data-type="success"] {
  color:
    #1D1D1B;
}

.magic-form-toast-global[data-type="success"]::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8.5l3.5 3.5L14 3.5' fill='none' stroke='%236FA8AC' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.magic-form-toast-global[data-type="success"]::after {
  background:
    #A9E9EE;
}


/* =========================================================
   BŁĄD
   ========================================================= */

.magic-form-toast-global[data-type="error"] {
  color:
    #B6463E;
}

.magic-form-toast-global[data-type="error"]::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' fill='none' stroke='%23B6463E' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.magic-form-toast-global[data-type="error"]::after {
  background:
    #B6463E;
}


/* =========================================================
   WIDOCZNY TOAST
   ========================================================= */

.magic-form-toast-global.is-visible {
  opacity:
    1;

  visibility:
    visible;

  transform:
    translate(-50%, 0)
    scale(1);
}

.magic-form-toast-global.is-visible::after {
  animation:
    magic-form-toast-progress
    4s
    linear
    forwards;
}


/* =========================================================
   WORDPRESS ADMIN BAR
   ========================================================= */

body.admin-bar
.magic-form-toast-global {
  top:
    56px;
}


/* =========================================================
   ANIMACJA BŁĘDU POLA
   ========================================================= */

@keyframes magic-field-error {

  from {
    opacity:
      0;

    transform:
      translateY(-4px);
  }

  to {
    opacity:
      1;

    transform:
      translateY(0);
  }

}


/* =========================================================
   LINIA CZASU
   ========================================================= */

@keyframes magic-form-toast-progress {

  from {
    transform:
      scaleX(1);
  }

  to {
    transform:
      scaleX(0);
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .magic-form-toast-global {
    top:
      20px;

    max-width:
      calc(100vw - 32px);
  }

  body.admin-bar
  .magic-form-toast-global {
    top:
      54px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .magic-form-toast-global {
    top:
      16px;

    width:
      calc(100vw - 32px);

    max-width:
      none;

    padding:
      14px
      18px
      14px
      48px;
  }

  .magic-form-toast-global::before {
    left:
      18px;
  }

  body.admin-bar
  .magic-form-toast-global {
    top:
      62px;
  }

}

/* =========================================================
   10. FOOTER — USUNIĘCIE OGRANICZENIA SZEROKOŚCI WOODMART
   ========================================================= */

.wd-footer .main-footer.wd-entry-content {
  width: 100% !important;
  max-width: none !important;
}

/* =========================================================
   11. POLITYKA PRYWATNOŚCI — STICKY NAWIGACJA I MOBILE
   KLASA DODAWANA RĘCZNIE: magic-legal-tabs
   ========================================================= */

/* DESKTOP, LAPTOP I TABLET — STICKY KARTY */
@media (min-width: 768px) {

  .magic-legal-tabs .e-n-tabs-heading {
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }

}


/* MOBILE — ZAWIJANIE DŁUGICH TYTUŁÓW */
@media (max-width: 767px) {

  .magic-legal-tabs .e-n-tabs-heading {
    width: 100%;
    min-width: 0;
  }

  .magic-legal-tabs .e-n-tab-title {
    max-width: 100% !important;
    min-width: 0 !important;

    white-space: normal !important;
  }

  .magic-legal-tabs .e-n-tab-title-text {
    white-space: normal !important;
    overflow-wrap: break-word;
  }

}

/* =========================================================
   12. BLOG — WPIS I WYSZUKIWARKA
   ========================================================= */

/* UKRYCIE OBRAZKA WYRÓŻNIAJĄCEGO WE WPISIE */
body.single-post .wd-post-image {
  display: none !important;
}

/* UKŁAD WYSZUKIWARKI */
.sidebar-container .wp-block-search__inside-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

/* POLE WYSZUKIWANIA */
.sidebar-container .wp-block-search__input {
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* PRZYCISK WYSZUKIWANIA */
.sidebar-container .wp-block-search__button {
  margin: 0 !important;
  padding: 12px 28px !important;
  letter-spacing: 2px;
}

/* =========================================================
   13. BLOG — UKRYCIE LICZNIKA KOMENTARZY WE WPISIE
   ========================================================= */

.single-post .wd-single-post-header .wd-post-reply {
  display: none !important;
}

/* =========================================================
   14. BLOG — DOLNY ODSTĘP ARCHIWUM I SIDEBARA
   ========================================================= */

/* DESKTOP I LAPTOP */
@media (min-width: 1025px) {
  body.blog .site-content,
  body.blog .sidebar-container {
    padding-bottom: 60px;
  }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
  body.blog .site-content,
  body.blog .sidebar-container {
    padding-bottom: 80px;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  body.blog .site-content,
  body.blog .sidebar-container {
    padding-bottom: 64px;
  }
}

/* =========================================================
   15. BLOG — MNIEJSZY ODSTĘP MIĘDZY ZDJĘCIEM A TREŚCIĄ
   ========================================================= */

.blog-post-loop .wd-post-content > :first-child {
  margin-top: -12px !important;
}

/* =========================================================
   16. BLOG — ODSTĘP MIĘDZY WPISAMI NA MOBILE
   ========================================================= */

@media (max-width: 767px) {
  body.blog .wd-posts {
    row-gap: 40px !important;
  }
}

/* =========================================================
   17. FORMULARZ KONTAKTOWY — POLE ZAŁĄCZNIKÓW
   KLASA DODAWANA RĘCZNIE: magic-contact-form
   ========================================================= */

/* GRUPA POLA */
.magic-contact-form .elementor-field-type-upload {
  position: relative;
}

/* BRAK ODSTĘPU MIĘDZY ETYKIETĄ A POLEM */
.magic-contact-form .elementor-field-type-upload .elementor-field-label {
  margin-bottom: 0;
}

/* NATYWNE POLE ELEMENTORA */
.magic-contact-form .magic-upload-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
}

/* GŁÓWNY BLOK */
.magic-contact-form .magic-upload-box {
  width: 100%;
  border: 1px solid #B9B9B9;
  background: transparent;
  outline: none;
  cursor: pointer;
  transition:
    border-color .25s ease,
    background-color .25s ease;
}

.magic-contact-form .magic-upload-box:hover,
.magic-contact-form .magic-upload-box.is-dragover,
.magic-contact-form .magic-upload-box:focus-visible {
  border-color: #6E6E6E;
}

/* GÓRNA CZĘŚĆ */
.magic-contact-form .magic-upload-head {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 12px 16px;
}

/* IKONA UPLOAD */
.magic-contact-form .magic-upload-icon {
  display: flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #D2D2D2;
  border-radius: 50%;
}

.magic-contact-form .magic-upload-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

/* TREŚĆ POLA */
.magic-contact-form .magic-upload-copy {
  min-width: 0;
}

.magic-contact-form .magic-upload-title,
.magic-contact-form .magic-upload-info,
.magic-contact-form .magic-file-name,
.magic-contact-form .magic-file-size,
.magic-contact-form .magic-file-doc,
.magic-contact-form .magic-upload-error {
  font-family: "GeneralSans", sans-serif;
}

.magic-contact-form .magic-upload-title {
  margin-bottom: 2px;
}

.magic-contact-form .magic-upload-info {
  font-size: 13px;
  line-height: 18px;
  opacity: .6;
}

/* LISTA PLIKÓW */
.magic-contact-form .magic-upload-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px 16px;
  border-top: 1px solid #D8D8D8;
}

.magic-contact-form .magic-upload-list:empty {
  display: none;
}

/* KARTA PLIKU */
.magic-contact-form .magic-file {
  min-width: 0;
}

.magic-contact-form .magic-file-preview {
  position: relative;
  height: 92px;
  margin-bottom: 7px;
  background: #F2F4F5;
  overflow: hidden;
}

.magic-contact-form .magic-file-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PODGLĄD DOKUMENTU */
.magic-contact-form .magic-file-doc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: .65;
}

/* PRZYCISK USUWANIA */
.magic-contact-form .magic-file-remove {
  position: absolute;
  z-index: 2;
  top: 6px;
  right: 6px;

  display: flex !important;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;

  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 1px solid #D2D2D2 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  outline: none !important;

  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.magic-contact-form .magic-file-remove:hover {
  transform: scale(1.06);
  border-color: #6E6E6E !important;
}

.magic-contact-form .magic-file-remove svg {
  display: block;
  width: 10px;
  height: 10px;
  pointer-events: none;
}

/* INFORMACJE O PLIKU */
.magic-contact-form .magic-file-name {
  display: block;
  overflow: hidden;
  font-size: 13px;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.magic-contact-form .magic-file-size {
  display: block;
  margin-top: 1px;
  font-size: 12px;
  line-height: 16px;
  opacity: .55;
}

/* KOMUNIKAT BŁĘDU */
.magic-contact-form .magic-upload-error {
  margin-top: 7px;
  font-size: 13px;
  line-height: 18px;
  color: #B42318;
}

/* TABLET */
@media (max-width: 1024px) {
  .magic-contact-form .magic-upload-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .magic-contact-form .magic-upload-head {
    gap: 12px;
    min-height: 64px;
    padding: 11px 13px;
  }

  .magic-contact-form .magic-upload-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .magic-contact-form .magic-upload-icon svg {
    width: 18px;
    height: 18px;
  }

  .magic-contact-form .magic-upload-info {
    font-size: 12px;
    line-height: 16px;
  }

  .magic-contact-form .magic-upload-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 13px 14px;
  }

  .magic-contact-form .magic-file-preview {
    height: 96px;
  }
}