:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(235,225,225);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-transform: uppercase;
	--wd-title-color: rgb(255,249,249);
	--wd-entities-title-font: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: uppercase;
	--wd-entities-title-color: rgb(235,225,225);
	--wd-entities-title-color-hover: rgb(255, 249, 249);
	--wd-alternative-font: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,249,249);
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Inter", 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(255,249,249);
	--wd-alternative-color: rgb(180,169,169);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-font-size: 15px;
	--btn-default-bgcolor: rgb(255,249,249);
	--btn-default-bgcolor-hover: rgb(26,27,28);
	--btn-default-color: rgb(26,27,28);
	--btn-default-color-hover: rgb(255,249,249);
	--btn-default-padding: 16px 32px 16px 32px;
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-transform: none;
	--btn-accented-font-size: 15px;
	--btn-accented-bgcolor: rgb(201,0,52);
	--btn-accented-bgcolor-hover: rgb(152,0,39);
	--btn-accented-color: rgb(255,249,249);
	--btn-accented-color-hover: rgb(255,249,249);
	--btn-accented-padding: 16px 32px 16px 32px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(23,53,33);
	--notices-success-color: rgb(216,243,223);
	--notices-warning-bg: rgb(58,45,18);
	--notices-warning-color: #F4D58A;
	--wd-link-color: rgb(51,51,51);
	--wd-link-color-hover: rgb(36,36,36);
	--wd-sticky-btn-height: 95px;
}
.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(17,18,19);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(184,179,179);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(255,249,249);
}
.blog .blog-post-loop .wd-post-title, .blog .blog-post-loop .wd-post-title a {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	text-transform: uppercase;
	color: rgb(255,249,249);
}
.blog .blog-post-loop .wd-post-title:hover, .blog .blog-post-loop .wd-post-title a:hover {
	color: rgb(255,249,249);
}
.blog .blog-post-loop .wd-post-excerpt {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(235,225,225);
}
.blog .blog-post-loop .wd-post-excerpt:hover {
	color: rgb(235,225,225);
}
.blog .blog-post-loop .wd-post-read-more, .blog .blog-post-loop .wd-post-read-more a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	color: rgb(180,169,169);
}
.blog .blog-post-loop .wd-post-read-more:hover, .blog .blog-post-loop .wd-post-read-more a:hover {
	color: rgb(235,225,225);
}
.blog .sidebar-container .wp-block-heading, .single-post .sidebar-container .wp-block-heading {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 25px;
	text-transform: uppercase;
	color: rgb(255,249,249);
}
.blog .sidebar-container .wp-block-heading:hover, .single-post .sidebar-container .wp-block-heading:hover {
	color: rgb(255,249,249);
}
.blog .wp-block-latest-posts__post-title, .single-post .wp-block-latest-posts__post-title, .blog .wp-block-categories-list a, .single-post .wp-block-categories-list a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(235,225,225);
}
.blog .wp-block-latest-posts__post-title:hover, .single-post .wp-block-latest-posts__post-title:hover, .blog .wp-block-categories-list a:hover, .single-post .wp-block-categories-list a:hover {
	color: rgb(255,249,249);
}
.blog .wp-block-search__label, .single-post .wp-block-search__label {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(255,249,249);
}
.blog .wp-block-search__label:hover, .single-post .wp-block-search__label:hover {
	color: rgb(255,249,249);
}
.blog .wp-block-search__input, .single-post .wp-block-search__input {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(235,225,225);
}
.blog .wp-block-search__button, .single-post .wp-block-search__button {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
}
.blog .wd-pagination .page-numbers {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	text-transform: none;
	color: rgb(255,249,249);
}
.blog .wd-pagination .page-numbers:hover {
	color: rgb(255,249,249);
}
.single-post .post-single-page .wd-post-title {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	color: rgb(255,249,249);
}
.single-post .post-single-page .wd-post-title:hover {
	color: rgb(255,249,249);
}
.single-post .wd-post-meta {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
	color: rgb(235,225,225);
}
.single-post .wd-post-meta:hover {
	color: rgb(255,249,249);
}
.single-post .wd-post-cat a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	text-transform: none;
	color: rgb(255,249,249);
}
.single-post .wd-post-cat a:hover {
	color: rgb(255,249,249);
}
.single-post .wd-entry-content {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	color: rgb(235,225,225);
}
.single-post .wd-entry-content:hover {
	color: rgb(235,225,225);
}
.single-post .wd-entry-content h2 {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	color: rgb(255,249,249);
}
.single-post .wd-entry-content h2:hover {
	color: rgb(255,249,249);
}
.single-post .wd-entry-content h3 {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	text-transform: uppercase;
	color: rgb(255,249,249);
}
.single-post .wd-entry-content h3:hover {
	color: rgb(255,249,249);
}
.single-post .wd-page-nav .wd-label {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	color: rgb(235,225,225);
}
.single-post .wd-page-nav .wd-label:hover {
	color: rgb(255,249,249);
}
.single-post .wd-page-nav .wd-entities-title {
	font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: rgb(235,225,225);
}
.single-post .wd-page-nav .wd-entities-title:hover {
	color: rgb(235,225,225);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(17,18,19);
	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(255,249,249);
	--wd-form-placeholder-color: rgb(56,52,52);
	--wd-form-brd-color: rgb(56,52,52);
	--wd-form-brd-color-focus: rgb(180,169,169);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 18px;
	--wd-arrow-color: rgb(255,249,249);
	--wd-arrow-color-hover: rgb(255,249,249);
	--wd-arrow-color-dis: rgb(122,122,122);
	--wd-arrow-bg: rgb(25,26,27);
	--wd-arrow-bg-hover: rgb(217,0,59);
	--wd-arrow-bg-dis: rgb(25,26,27);
	--wd-arrow-radius: 4px;
	--wd-arrow-brd-color: rgb(58,58,58);
	--wd-arrow-brd-color-hover: rgb(217,0,59);
	--wd-arrow-brd-color-dis: rgb(58,58,58);
	--wd-arrow-brd: 1px solid;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 8px;
	--wd-arrow-size: 48px;
	--wd-arrow-icon-size: 40px;
	--wd-arrow-color: rgb(180,169,169);
	--wd-arrow-color-hover: rgb(255,249,249);
	--wd-arrow-color-dis: rgb(120,111,111);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 8px;
	--wd-pagin-bg: rgb(25,26,27);
	--wd-pagin-bg-hover: rgb(122,122,122);
	--wd-pagin-bg-act: rgb(201,0,52);
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-width: 25%;
	--wd-nscroll-bg: rgb(25,26,27);
	--wd-nscroll-drag-bg: rgb(201,0,52);
	--wd-nscroll-drag-bg-hover: rgb(152,0,39);
}
.wd .product-label.onsale {
	background-color: rgb(201,0,52);
	color: rgb(255,249,249);
}
.wd .product-label.new {
	background-color: rgb(255,249,249);
	color: rgb(17,18,19);
}
.wd .product-label.out-of-stock {
	background-color: rgb(42,44,47);
	color: rgb(255,249,249);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 10px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}



.wd-page-title {
background-color: rgb(17,18,19);
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Thin.woff2") format("woff2");
	font-weight: 100;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Extralight.woff2") format("woff2");
	font-weight: 200;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Light.woff2") format("woff2");
	font-weight: 300;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Medium.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Bold.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Extrabold.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Cabinet Grotesk";
	src: url("//subiesavers.linkdoczegos.pl/wp-content/uploads/2026/09/CabinetGrotesk-Black.woff2") format("woff2");
	font-weight: 800;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   SUBIE SAVERS — GLOBAL CSS
   ========================================================= */

:root {
  --ss-bg: #111213;
  --ss-bg-soft: #151719;
  --ss-bg-hover: #202225;
  --ss-bg-active: #1C1E20;
  --ss-border: #2A2C2F;
  --ss-border-light: #3A3A3A;
  --ss-text: #FFF9F9;
  --ss-text-muted: #A9AAAC;
  --ss-red: #C90034;
  --ss-red-hover: #D9003B;
}


/* =========================================================
   1. HEADER
   ========================================================= */

/* 1.1 LICZNIK KOSZYKA */
.whb-header .wd-cart-number,
.whb-header .wd-tools-count,
.whb-sticky-header.whb-clone .wd-cart-number,
.whb-sticky-header.whb-clone .wd-tools-count {
  color: var(--ss-bg) !important;
}

/* 1.2 TŁO STICKY HEADER */
.whb-sticky-header.whb-clone,
.whb-sticky-header.whb-clone .whb-row,
.whb-sticky-header.whb-clone .whb-general-header {
  background-color: var(--ss-bg) !important;
}


/* =========================================================
   2. HEADER — DROPDOWN MENU
   ========================================================= */

/* 2.1 KONTENERY */
.whb-header .wd-nav-main .wd-dropdown-menu,
.whb-header .wd-nav-main .wd-dropdown-menu .sub-sub-menu {
  padding: 10px !important;
  background-color: var(--ss-bg-soft) !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

/* 2.2 LISTY */
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu,
.whb-header .wd-nav-main .wd-dropdown-menu .sub-sub-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 2.3 ELEMENTY LIST */
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu > li,
.whb-header .wd-nav-main .wd-dropdown-menu .sub-sub-menu > li {
  margin: 0 !important;
}

/* 2.4 LINKI */
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu > li > a,
.whb-header .wd-nav-main .wd-dropdown-menu .sub-sub-menu > li > a {
  padding: 10px 14px !important;
  color: var(--ss-text-muted) !important;
  border-radius: 8px !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    padding-left 0.2s ease !important;
}

/* 2.5 HOVER */
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu > li > a:hover,
.whb-header .wd-nav-main .wd-dropdown-menu .sub-sub-menu > li > a:hover {
  padding-left: 18px !important;
  color: var(--ss-text) !important;
  background-color: var(--ss-bg-hover) !important;
  box-shadow: inset 3px 0 0 var(--ss-red) !important;
}

/* 2.6 AKTYWNA POZYCJA */
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu > li.current-menu-item > a,
.whb-header .wd-nav-main .wd-dropdown-menu .wd-sub-menu > li.current-menu-parent > a {
  color: var(--ss-text) !important;
  background-color: var(--ss-bg-active) !important;
}


/* =========================================================
   3. MENU MOBILNE
   ========================================================= */

/* 3.1 TYPOGRAFIA */
.mobile-nav,
.mobile-nav .wd-nav-mobile > li > a,
.mobile-nav .mobile-nav-tabs li a,
.mobile-nav .searchform input,
.mobile-nav .wd-search-form input {
  font-family: var(--wd-text-font) !important;
}

/* 3.2 GŁÓWNA LISTA */
.mobile-nav .wd-nav-mobile {
  padding: 8px 14px 18px !important;
}

/* 3.3 GŁÓWNE POZYCJE */
.mobile-nav .wd-nav-mobile > li {
  margin: 0 0 6px !important;
  border: 0 !important;
}

/* 3.4 GŁÓWNE LINKI */
.mobile-nav .wd-nav-mobile > li > a {
  min-height: 48px !important;
  padding: 12px 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
}

/* 3.5 GŁÓWNE LINKI — HOVER / AKTYWNE */
.mobile-nav .wd-nav-mobile > li > a:hover,
.mobile-nav .wd-nav-mobile > li.current-menu-item > a,
.mobile-nav .wd-nav-mobile > li.current-menu-parent > a {
  background-color: var(--ss-bg-hover) !important;
  box-shadow: inset 3px 0 0 var(--ss-red) !important;
}

/* 3.6 ZAKŁADKI */
.mobile-nav .mobile-nav-tabs li a {
  font-weight: 500 !important;
  text-transform: none !important;
}

/* 3.7 WYSZUKIWARKA */
.mobile-nav .searchform input,
.mobile-nav .wd-search-form input {
  font-weight: 400 !important;
}

/* 3.8 PRZYCISK ROZWIJANIA */
.mobile-nav .wd-nav-opener {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* 3.9 PRZYCISK ROZWIJANIA — HOVER */
.mobile-nav .wd-nav-opener:hover {
  background-color: var(--ss-bg-hover) !important;
}

/* 3.10 IKONA STRZAŁKI */
.mobile-nav .wd-nav-opener::before,
.mobile-nav .wd-nav-opener::after {
  color: #EBE1E1 !important;
}

/* 3.11 PODMENU */
.mobile-nav .wd-sub-menu {
  margin: 4px 0 8px !important;
  padding: 4px 0 4px 14px !important;
  background: transparent !important;
  border: 0 !important;
}

/* 3.12 ELEMENTY PODMENU */
.mobile-nav .wd-sub-menu > li {
  margin: 0 0 4px !important;
  border: 0 !important;
}

/* 3.13 LINKI PODMENU */
.mobile-nav .wd-sub-menu > li > a {
  min-height: 44px !important;
  padding: 10px 14px !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
}

/* 3.14 LINKI PODMENU — HOVER / AKTYWNE */
.mobile-nav .wd-sub-menu > li > a:hover,
.mobile-nav .wd-sub-menu > li.current-menu-item > a {
  background-color: var(--ss-bg-hover) !important;
  box-shadow: inset 3px 0 0 var(--ss-red) !important;
}

/* 3.15 GŁĘBSZY POZIOM */
.mobile-nav .wd-sub-menu .wd-sub-menu {
  padding-left: 14px !important;
}

/* 3.16 UKRYCIE NAPISU CLOSE */
.mobile-nav .close-side-widget .wd-action-text {
  display: none !important;
}

/* 3.17 IKONA ZAMKNIĘCIA */
.mobile-nav .close-side-widget .wd-action-icon,
.mobile-nav .close-side-widget > a::before,
.mobile-nav .close-side-widget > a::after {
  font-size: 22px !important;
  color: var(--ss-text) !important;
}


/* =========================================================
   4. FORMULARZE — AUTOUZUPEŁNIANIE
   ========================================================= */

/* 4.1 CHROME / SAFARI / EDGE */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-text-fill-color: var(--ss-text) !important;
  caret-color: var(--ss-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--ss-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--ss-bg) inset !important;
  border-color: var(--ss-border-light) !important;
}

/* 4.2 POZOSTAŁE PRZEGLĄDARKI */
input:autofill,
textarea:autofill {
  color: var(--ss-text) !important;
  background-color: var(--ss-bg) !important;
  border-color: var(--ss-border-light) !important;
}


/* =========================================================
   5. KOSZYK BOCZNY
   ========================================================= */

/* 5.1 UKRYCIE NAPISU CLOSE */
.cart-widget-side .close-side-widget .wd-action-text {
  display: none !important;
}

/* 5.2 IKONA ZAMKNIĘCIA */
.cart-widget-side .close-side-widget .wd-action-icon,
.cart-widget-side .close-side-widget > a::before,
.cart-widget-side .close-side-widget > a::after {
  font-size: 20px !important;
}

/* 5.3 KOMUNIKAT PUSTEGO KOSZYKA */
.cart-widget-side .woocommerce-mini-cart__empty-message,
.cart-widget-side .wd-empty-mini-cart p {
  font-family: var(--wd-text-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

/* 5.4 PRZYCISK RETURN TO SHOP */
.cart-widget-side .wd-empty-mini-cart > a.btn.btn-accent.wc-backward {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px 32px !important;
  font-family: var(--wd-text-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* 5.5 IKONA PUSTEGO KOSZYKA */
.cart-widget-side .wd-empty-mini-cart::before {
  font-size: 50px !important;
  line-height: 1 !important;
}


/* =========================================================
   6. OKRUSZKI
   ========================================================= */

.breadcrumbs,
.breadcrumbs a,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  font-family: var(--wd-text-font) !important;
  font-weight: 400 !important;
}

.breadcrumbs strong,
.breadcrumbs span,
.woocommerce-breadcrumb strong,
.woocommerce-breadcrumb span {
  font-weight: 400 !important;
}


/* =========================================================
   7. WISHLIST — PUSTA LISTA
   ========================================================= */

.wd-empty-wishlist .wd-empty-block-title::before {
  font-size: 52px !important;
  line-height: 1 !important;
}


/* =========================================================
   8. MOJE KONTO — TYPOGRAFIA
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
  font-family: var(--wd-text-font) !important;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content em,
.woocommerce-account .woocommerce-MyAccount-content small {
  font-weight: 400 !important;
}

.woocommerce-account .woocommerce-MyAccount-content input,
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content select {
  font-family: var(--wd-text-font) !important;
  font-weight: 400 !important;
}

.woocommerce-MyAccount-navigation li > a {
  font-family: var(--wd-text-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.woocommerce-MyAccount-navigation li.is-active > a {
  font-weight: 500 !important;
}

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  font-family: var(--wd-text-font) !important;
  font-weight: 600 !important;
}


/* =========================================================
   9. MOJE KONTO — MENU I IKONY
   ========================================================= */

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-MyAccount-navigation li {
  margin: 0 !important;
}

.woocommerce-MyAccount-navigation li > a {
  min-height: 48px;
  padding: 12px 20px !important;
}

.woocommerce-account .wd-my-account-links .wd-nav-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 42px !important;
}

.woocommerce-account .wd-my-account-links .wd-nav-icon::before {
  font-size: 42px !important;
}

.woocommerce-account .wd-my-account-links a:not(:hover) .wd-nav-icon,
.woocommerce-account .wd-my-account-links a:not(:hover) .wd-nav-icon::before {
  color: var(--ss-red) !important;
}


/* =========================================================
   10. MENU KONTA — DROPDOWN
   ========================================================= */

.wd-header-my-account .wd-dropdown-my-account {
  padding: 10px !important;
  background-color: var(--ss-bg-soft) !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

.wd-header-my-account .wd-dropdown-my-account ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wd-header-my-account .wd-dropdown-my-account li {
  margin: 0 !important;
}

.wd-header-my-account .wd-dropdown-my-account li > a {
  position: relative;
  padding: 10px 14px !important;
  font-family: var(--wd-text-font) !important;
  font-weight: 400 !important;
  color: var(--ss-text-muted) !important;
  border-radius: 8px !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    padding-left 0.2s ease !important;
}

.wd-header-my-account .wd-dropdown-my-account li > a:hover {
  padding-left: 18px !important;
  color: var(--ss-text) !important;
  background-color: var(--ss-bg-hover) !important;
  box-shadow: inset 3px 0 0 var(--ss-red) !important;
}

.wd-header-my-account .wd-dropdown-my-account .current-menu-item > a,
.wd-header-my-account .wd-dropdown-my-account .is-active > a {
  color: var(--ss-text) !important;
  background-color: var(--ss-bg-active) !important;
}

.wd-header-my-account .wd-dropdown-my-account li:last-child {
  padding-top: 8px !important;
  border-top: 1px solid var(--ss-border) !important;
}


/* =========================================================
   12. BLOG — SIDEBAR
   ========================================================= */

.blog .sidebar-container .wp-block-heading,
.single-post .sidebar-container .wp-block-heading {
  margin-bottom: 18px !important;
}

.blog .wp-block-latest-posts__list,
.single-post .wp-block-latest-posts__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog .wp-block-latest-posts__list li,
.single-post .wp-block-latest-posts__list li {
  margin: 0 !important;
}

.blog .wp-block-categories-list,
.single-post .wp-block-categories-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog .wp-block-categories-list li,
.single-post .wp-block-categories-list li {
  margin: 0 !important;
}


/* =========================================================
   13. BLOG — WYSZUKIWARKA
   ========================================================= */

.blog .wp-block-search,
.single-post .wp-block-search,
.blog .wp-block-search__inside-wrapper,
.single-post .wp-block-search__inside-wrapper,
.blog .wp-block-search__input,
.single-post .wp-block-search__input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.blog .wp-block-search__button,
.single-post .wp-block-search__button {
  width: auto !important;
  min-height: 0 !important;
  margin-top: 8px !important;
  margin-left: 0 !important;
  padding: 16px 32px !important;
  color: var(--btn-default-color) !important;
  background-color: var(--btn-default-bgcolor) !important;
  border-color: var(--btn-default-bgcolor) !important;
  border-radius: var(--btn-default-brd-radius, 0) !important;
  box-shadow: var(--btn-default-box-shadow, none) !important;
}

.blog .wp-block-search__button:hover,
.single-post .wp-block-search__button:hover {
  color: var(--btn-default-color-hover) !important;
  background-color: var(--btn-default-bgcolor-hover) !important;
  border-color: var(--btn-default-bgcolor-hover) !important;
  box-shadow: var(--btn-default-box-shadow-hover, none) !important;
}


/* =========================================================
   14. BLOG — PAGINACJA
   ========================================================= */

.blog .wd-pagination ul {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.blog .wd-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  color: var(--ss-text) !important;
  background-color: transparent !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 5px !important;
}

.blog .wd-pagination .page-numbers.current {
  color: var(--ss-text) !important;
  background-color: var(--ss-red) !important;
  border-color: var(--ss-red) !important;
}

.blog .wd-pagination a.page-numbers:hover {
  color: var(--ss-text) !important;
  background-color: var(--ss-bg-hover) !important;
  border-color: var(--ss-border-light) !important;
}


/* =========================================================
   15. SINGLE POST
   ========================================================= */

/* 15.1 UKRYCIE IKONY KOMENTARZY */
.single-post .wd-post-reply {
  display: none !important;
}

/* 15.2 PLAKIETKA KATEGORII */
.single-post .wd-post-cat.wd-style-with-bg {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 0 !important;
  background-color: var(--ss-red) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* 15.3 USUNIĘCIE OZDOBNIKÓW */
.single-post .wd-post-cat.wd-style-with-bg::before,
.single-post .wd-post-cat.wd-style-with-bg::after,
.single-post .wd-post-cat.wd-style-with-bg a::before,
.single-post .wd-post-cat.wd-style-with-bg a::after {
  display: none !important;
  content: none !important;
}

/* 15.4 LINK PLAKIETKI */
.single-post .wd-post-cat.wd-style-with-bg a {
  display: block !important;
  padding: 7px 12px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 15.5 HOVER */
.single-post .wd-post-cat.wd-style-with-bg:hover {
  background-color: var(--ss-red-hover) !important;
}

/* 15.6 UKRYCIE DUŻEGO FEATURED IMAGE */
.single-post .post-single-page .wd-single-post-header > .wd-post-image {
  display: none !important;
}


/* =========================================================
   16. SKLEP — LICZNIKI KATEGORII
   ========================================================= */

.widget_product_categories .current-cat > .count,
.widget_product_categories .current-cat > a .count,
.wd-product-cats .current-cat > .count,
.wd-product-cats .current-cat > a .count,
.widget_product_categories li:hover > .count,
.widget_product_categories li:hover > a .count,
.wd-product-cats li:hover > .count,
.wd-product-cats li:hover > a .count {
  color: var(--ss-bg) !important;
  background-color: var(--ss-text) !important;
  border-color: var(--ss-text) !important;
}


/* =========================================================
   17. WISHLIST — IKONA
   ========================================================= */

.wd-wishlist-btn .wd-check-icon {
  display: none !important;
}

.wd-wishlist-btn .wd-action-icon::before {
  color: var(--ss-text) !important;
}

.wd-wishlist-btn a.added .wd-action-icon::before {
  color: var(--ss-red) !important;
}


/* =========================================================
   18. PRODUKT — ILOŚĆ PLUS / MINUS
   ========================================================= */

.quantity .plus:hover,
.quantity .minus:hover,
.quantity .plus:focus,
.quantity .minus:focus {
  color: var(--ss-bg) !important;
  background-color: var(--ss-text) !important;
  border-color: var(--ss-text) !important;
}

.quantity .plus:hover::before,
.quantity .plus:hover::after,
.quantity .minus:hover::before,
.quantity .minus:hover::after,
.quantity .plus:focus::before,
.quantity .plus:focus::after,
.quantity .minus:focus::before,
.quantity .minus:focus::after {
  color: var(--ss-bg) !important;
  border-color: var(--ss-bg) !important;
}


/* =========================================================
   19. RELATED PRODUCTS — USUNIĘCIE BIAŁEGO TŁA
   ========================================================= */

.single-product .related-products .product-grid-item,
.single-product .related-products .product-wrapper,
.single-product .related-products .product-element-bottom,
.single-product .related-products .wd-product,
.single-product .related-products .wd-product-wrapper,
.single-product .related-and-upsells .product-grid-item,
.single-product .related-and-upsells .product-wrapper,
.single-product .related-and-upsells .product-element-bottom,
.single-product .related-and-upsells .wd-product,
.single-product .related-and-upsells .wd-product-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}


/* =========================================================
   20. SKLEP — PAGINACJA PRODUKTÓW
   ========================================================= */

/* 20.1 STAN DOMYŚLNY */
.woocommerce-pagination .page-numbers,
.wd-pagination .page-numbers {
  color: #FFF9F9 !important;
  background-color: transparent !important;
}

/* 20.2 AKTYWNA STRONA */
.woocommerce-pagination .page-numbers.current,
.wd-pagination .page-numbers.current {
  color: #FFF9F9 !important;
  background-color: #C90034 !important;
}

/* 20.3 HOVER — TYLKO LINKI */
.woocommerce-pagination a.page-numbers:hover,
.wd-pagination a.page-numbers:hover {
  color: #111213 !important;
  background-color: #FFF9F9 !important;
}

/* 20.4 AKTYWNA STRONA — BEZ ZMIANY KOLORU PO HOVER */
.woocommerce-pagination .page-numbers.current:hover,
.wd-pagination .page-numbers.current:hover {
  color: #FFF9F9 !important;
  background-color: #C90034 !important;
}


/* =========================================================
   21. KARUZELE — CIEŃSZE STRZAŁKI
   ========================================================= */

.wd-prev .wd-arrow-inner::after {
  content: "←" !important;
}

.wd-next .wd-arrow-inner::after {
  content: "→" !important;
}

.wd-nav-arrows .wd-arrow-inner::after {
  font-family: Arial, sans-serif !important;
  font-size: var(--wd-arrow-icon-size) !important;
  font-weight: 300 !important;
}


/* =========================================================
   22. BANERY MODELI — PRZYCISK
   ========================================================= */

.subie-model-button a {
  padding: 16px 32px !important;
  border: 1px solid #FFF9F9 !important;

  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
}


/* =========================================================
   23. NAPIS FITMENT — WYRÓŻNIONE SŁOWA
   ========================================================= */

.subie-fit-highlight {
  display: inline-block;
  padding: 2px 18px 3px;
  color: #FFF9F9;
  background-color: #C90034;
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
}


/* =========================================================
   24. HERO SLIDER — PAGINACJA WEWNĄTRZ BANERA
   ========================================================= */

.subie-hero-slider {
  position: relative !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.subie-hero-slider .wd-carousel-container,
.subie-hero-slider .wd-carousel,
.subie-hero-slider .swiper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.subie-hero-slider .wd-nav-pagin-wrap {
  position: absolute !important;
  left: 0 !important;
  bottom: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}


/* =========================================================
   25. PŁYNNE PRZEWIJANIE DO SEKCJI
   ========================================================= */

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 110px;
}

[id]:target {
  animation: ss-scroll-reveal 0.6s ease-out;
}

@keyframes ss-scroll-reveal {
  from {
    opacity: 0.65;
    transform: translateY(18px);
  }

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


/* =========================================================
   26. CENY — DOPISEK VAT
   ========================================================= */

.woocommerce-price-suffix {
  font-size: 12px;
}


/* =========================================================
   27. ZAMÓWIENIE — TEKST W PODŚWIETLONEJ OPCJI
   ========================================================= */

.woocommerce-checkout .select2-results__option--highlighted {
  color: #111213 !important;
}