:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Geologica", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(187,206,142);
	--wd-alternative-color: rgb(226,219,206);
	--btn-default-bgcolor: rgb(51,51,51);
	--btn-default-bgcolor-hover: rgb(51,51,51);
	--btn-accented-bgcolor: rgb(187,206,142);
	--btn-accented-bgcolor-hover: rgb(187,206,142);
	--btn-font-family: "Geologica", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(187,206,142);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(187,206,142);
	--wd-link-color-hover: rgb(187,206,142);
	--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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(247,247,247);
	--wd-bordered-bg:rgb(247,247,247);
}
: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(15,15,15);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	font-size: 28px;
}
html table th {
	font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-checkout-steps {
	font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: capitalize;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(36,36,36);
}
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-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 44px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg: rgb(247,247,247);
	--wd-arrow-bg-hover: rgb(136,173,153);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 20px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 20px;
	--wd-arrow-size: 50px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 15px;
	--wd-arrow-bg: rgb(247,247,247);
	--wd-arrow-bg-hover: rgb(136,173,153);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 25px;
}
.wd-nav-scroll {
	--wd-nscroll-width: 45%;
	--wd-nscroll-drag-bg: rgb(136,173,153);
	--wd-nscroll-drag-bg-hover: rgba(136,173,153,0.8);
}
.wd .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.featured {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.out-of-stock {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -50px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: 60px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1720px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1720px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(247,247,247);
}

/*
 * Cafézia Global CSS — menu-name independent fix
 * Updated 2026-09-16
 * Navigation selectors no longer depend on the WordPress menu ID/name.
 * Replaced #menu-header-menu-pills with ul.wd-nav.wd-nav-header.
 */

/* =========================================================
   CAFÉZIA — GLOBAL DESIGN VARIABLES
========================================================= */

:root {
  --caf-ink: #171512;
  --caf-muted: #6f675c;
  --caf-green: #bbce8e;
  --caf-bg: #e2dbce;
  --caf-roast: #b7a997;
  --caf-white: #ffffff;

  /* Header icons */
  --caf-icon-black: #171512;
  --caf-icon-bg: #fbfaf7;
  --caf-icon-border: rgba(183, 169, 151, 0.48);
  --caf-icon-border-hover: #171512;
  --caf-icon-green: #bbce8e;
  --caf-icon-shadow: 0 14px 32px rgba(32, 25, 15, 0.13);

  /* Navigation */
  --caf-menu-black: #171512;
  --caf-menu-green: #bbce8e;
  --caf-menu-bg-hover: rgba(187, 206, 142, 0.22);

  --caf-nav-gap: 52px;
  --caf-nav-link-padding: 24px;
  --caf-nav-font-size: 16.5px;
  --caf-nav-height: 46px;


  /* E-Shop */
  --caf-eshop-bg: rgba(187, 206, 142, 0.22);
  --caf-eshop-bg-hover: rgba(187, 206, 142, 0.38);
  --caf-eshop-badge-size: 25px;

  /* Header layout */
  --caf-header-icon-size: 44px;
  --caf-header-icon-gap: 8px;
  --caf-logo-max-width: 210px;

  /* Topbar */
  --caf-topbar-bg: #e2dbce;
  --caf-topbar-text: #000000;
  --caf-topbar-height: 34px;
  --caf-marquee-speed: 34s;
}


/* =========================================================
   01. HEADER BASE LAYOUT
   Desktop menu zostáva vždy v jednom riadku
========================================================= */

@media (min-width: 1025px) {

  body .whb-main-header .whb-general-header-inner,
  body .whb-main-header .whb-flex-row {
    flex-wrap: nowrap !important;
  }

  body .whb-main-header .whb-col-left,
  body .whb-main-header .whb-col-center,
  body .whb-main-header .whb-col-right {
    min-width: 0 !important;
  }

  body .whb-main-header .whb-col-center {
    flex-shrink: 1 !important;
  }

  body .whb-main-header .whb-col-right {
    flex-shrink: 0 !important;
  }

  body .whb-main-header .site-logo img {
    max-width: var(--caf-logo-max-width) !important;
    height: auto !important;
  }
}


/* Vnútorný vertical spacing headera */

.whb-color-dark:not(.whb-with-bg) {
  padding: 12px 0;
}


/* Header vrstva */

body .whb-header,
body .whb-main-header {
  z-index: 10002 !important;
}


/* =========================================================
   02. TOPBAR MARQUEE — DYNAMIC / CLIENT EDITABLE
   Obsah generuje shortcode [cafezia_topbar]
========================================================= */

/* Samotný Woodmart topbar */
.whb-main-header .whb-top-bar {
  position: relative !important;

  height: var(--caf-topbar-height) !important;
  min-height: var(--caf-topbar-height) !important;

  display: flex !important;
  align-items: center !important;

  overflow: hidden !important;

  background: var(--caf-topbar-bg) !important;
  color: var(--caf-topbar-text) !important;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}


/*
 * Woodmart má obsah topbaru štandardne v containeri.
 * Marquee ale potrebujeme cez celú šírku viewportu,
 * preto vnútorné wrappery nesmú vytvárať nový positioning context.
 */
.whb-main-header .whb-top-bar .container,
.whb-main-header .whb-top-bar .whb-top-bar-inner,
.whb-main-header .whb-top-bar .whb-flex-row,
.whb-main-header .whb-top-bar .whb-column,
.whb-main-header .whb-top-bar .wd-header-text {
  position: static !important;
}


.whb-main-header .whb-top-bar .container,
.whb-main-header .whb-top-bar .whb-top-bar-inner,
.whb-main-header .whb-top-bar .whb-flex-row {
  width: 100% !important;
  max-width: none !important;

  height: var(--caf-topbar-height) !important;
  min-height: var(--caf-topbar-height) !important;

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


.whb-main-header .whb-top-bar .wd-header-text {
  width: 100% !important;
  max-width: none !important;
  height: var(--caf-topbar-height) !important;

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


.whb-main-header .whb-top-bar .wd-social-icons {
  display: none !important;
}


/* ---------------------------------------------------------
   FULL-WIDTH MARQUEE WRAPPER
--------------------------------------------------------- */

.whb-main-header .whb-top-bar .caf-topbar-marquee {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;

  width: 100% !important;
  max-width: none !important;
  height: var(--caf-topbar-height) !important;

  display: flex !important;
  align-items: center !important;

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

  overflow: hidden !important;

  white-space: nowrap !important;

  color: var(--caf-topbar-text) !important;

  font-family: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;

  pointer-events: none !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   ANIMATED TRACK
--------------------------------------------------------- */

.whb-main-header .whb-top-bar .caf-topbar-marquee__track {
  display: flex !important;
  align-items: center !important;

  flex: 0 0 auto !important;

  width: max-content !important;
  min-width: 200vw !important;
  height: 100% !important;

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

  will-change: transform;

  animation:
    cafeziaTopbarMarquee
    var(--caf-marquee-speed)
    linear
    infinite !important;
}


/*
 * Shortcode generuje dve identické skupiny.
 * Každá zaberá minimálne celý viewport, takže nikdy
 * nevznikne prázdna pravá polovica topbaru.
 */
.whb-main-header .whb-top-bar .caf-topbar-marquee__group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;

  flex: 0 0 auto !important;

  width: max-content !important;
  min-width: 100vw !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 12px !important;

  box-sizing: border-box !important;
}


/* Jednotlivé oznamy */
.whb-main-header .whb-top-bar .caf-topbar-marquee__item {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;

  flex: 0 0 auto !important;

  height: 100% !important;

  margin: 0 !important;
  padding: 0 24px !important;

  color: inherit !important;

  font: inherit !important;
  line-height: 1.2 !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;

  white-space: nowrap !important;
}


/*
 * Pôvodný shortcode generuje separator ako samostatný span.
 * Schováme ho a separator naviažeme priamo na text položky.
 * Vďaka tomu sa položky dajú rovnomerne rozložiť bez
 * neprirodzených veľkých medzier medzi textom a bodkou.
 */
.whb-main-header .whb-top-bar .caf-topbar-marquee__dot {
  display: none !important;
}


.whb-main-header .whb-top-bar .caf-topbar-marquee__item::after {
  content: "•" !important;

  display: inline-block !important;

  margin-left: 48px !important;

  color: currentColor !important;

  font-size: 9px !important;
  line-height: 1 !important;

  opacity: 0.48 !important;
}


/* Hover na topbare = pauza */
.whb-main-header
.whb-top-bar:hover
.caf-topbar-marquee__track {
  animation-play-state: paused !important;
}


@keyframes cafeziaTopbarMarquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1024px) {

  .whb-main-header .whb-top-bar .caf-topbar-marquee {
    font-size: 12px !important;
    letter-spacing: 0.045em !important;
  }

  .whb-main-header .whb-top-bar .caf-topbar-marquee__item {
    padding: 0 19px !important;
  }

  .whb-main-header .whb-top-bar .caf-topbar-marquee__item::after {
    margin-left: 38px !important;
  }
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

  :root {
    --caf-topbar-height: 32px;
    --caf-marquee-speed: 28s;
  }


  .whb-main-header .whb-top-bar .caf-topbar-marquee {
    font-size: 11px !important;
    letter-spacing: 0.035em !important;
  }


  .whb-main-header .whb-top-bar .caf-topbar-marquee__group {
    padding: 0 6px !important;
  }


  .whb-main-header .whb-top-bar .caf-topbar-marquee__item {
    padding: 0 15px !important;
  }


  .whb-main-header .whb-top-bar .caf-topbar-marquee__item::after {
    margin-left: 30px !important;
    font-size: 8px !important;
  }
}


/* ---------------------------------------------------------
   ACCESSIBILITY
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .whb-main-header .whb-top-bar .caf-topbar-marquee__track {
    animation: none !important;
    transform: none !important;
  }
}


/* =========================================================
   03. DESKTOP NAVIGATION
========================================================= */

@media (min-width: 1025px) {

  body .whb-main-header nav.wd-header-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: visible !important;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 0 !important;
    column-gap: 0 !important;

    white-space: nowrap !important;

    overflow: visible !important;

    --nav-gap: 0 !important;
    --wd-nav-gap: 0 !important;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0 {
    flex: 0 0 auto !important;

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

    white-space: nowrap !important;

    overflow: visible !important;
  }


  /* Medzery medzi bežnými položkami */

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  + li.item-level-0 {
    margin-left: var(--caf-nav-gap) !important;
  }


  /* -------------------------------------------------------
     STANDARD MENU LINKS
  ------------------------------------------------------- */

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  > a.woodmart-nav-link {
    position: relative !important;

    min-height: var(--caf-nav-height) !important;

    padding:
      0
      var(--caf-nav-link-padding) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    border-radius: 999px !important;

    background: transparent !important;
    color: var(--caf-menu-black) !important;

    font-size: var(--caf-nav-font-size) !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;

    white-space: nowrap !important;

    overflow: visible !important;

    cursor: pointer !important;

    transition:
      background-color 0.22s ease,
      color 0.22s ease,
      transform 0.22s ease,
      box-shadow 0.22s ease !important;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  > a.woodmart-nav-link
  .nav-link-text {
    position: relative !important;
    z-index: 2 !important;

    color: var(--caf-menu-black) !important;

    font-size: var(--caf-nav-font-size) !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;

    white-space: nowrap !important;
  }


  /* Hover / active */

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0:hover
  > a.woodmart-nav-link,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.current-menu-item
  > a.woodmart-nav-link,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.current_page_item
  > a.woodmart-nav-link,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.wd-active
  > a.woodmart-nav-link {
    background: var(--caf-menu-bg-hover) !important;
    color: #000000 !important;

    transform: translateY(-1px) !important;

    box-shadow:
      0 8px 20px rgba(187, 206, 142, 0.16),
      inset 0 1px 0 rgba(255,255,255,0.55) !important;
  }


  /* -------------------------------------------------------
     SMALL GREEN ACTIVE DOT
  ------------------------------------------------------- */

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  > a.woodmart-nav-link
  > .nav-link-text::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: -14px !important;

    width: 5px !important;
    height: 5px !important;

    border-radius: 999px !important;

    background: var(--caf-menu-green) !important;

    opacity: 0 !important;

    transform:
      translateX(-50%)
      scale(0) !important;

    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0:hover
  > a.woodmart-nav-link
  > .nav-link-text::after,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.current-menu-item
  > a.woodmart-nav-link
  > .nav-link-text::after,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.current_page_item
  > a.woodmart-nav-link
  > .nav-link-text::after {
    opacity: 1 !important;

    transform:
      translateX(-50%)
      scale(1) !important;
  }


  /* -------------------------------------------------------
     DROPDOWN ARROWS
  ------------------------------------------------------- */

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.menu-item-has-children
  > a.woodmart-nav-link::after {
    margin-left: 5px !important;

    opacity: 0.6 !important;

    color: #9a9387 !important;
    background-color: transparent !important;
    border-color: #9a9387 !important;

    font-weight: 400 !important;

    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.menu-item-has-children:hover
  > a.woodmart-nav-link::after {
    opacity: 0.9 !important;

    color: #9a9387 !important;
    background-color: transparent !important;
    border-color: #9a9387 !important;

    transform: translateY(1px);
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  .wd-nav-opener,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  .wd-nav-opener::before,

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  .wd-nav-opener::after {
    color: #9a9387 !important;
    background-color: transparent !important;
    border-color: #9a9387 !important;
  }


  /* =======================================================
     E-SHOP SPECIAL PILL + LUCIDE CART BADGE
     Menu item ID: 814
  ======================================================= */

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814 {
    position: relative !important;

    padding: 0 !important;

    border-radius: 999px !important;

    background: transparent !important;

    overflow: visible !important;
  }


  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814
  > a.woodmart-nav-link {
    position: relative !important;
    z-index: 3 !important;

    background:
      var(--caf-eshop-bg) !important;

    border:
      1px solid rgba(187, 206, 142, 0.18) !important;

    border-radius: 999px !important;

    cursor: pointer !important;

    overflow: visible !important;

    box-shadow:
      0 10px 26px rgba(187, 206, 142, 0.13),
      inset 0 1px 0 rgba(255,255,255,0.76) !important;
  }


  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814:hover
  > a.woodmart-nav-link,

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814.current-menu-item
  > a.woodmart-nav-link,

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814.current_page_item
  > a.woodmart-nav-link {
    background:
      var(--caf-eshop-bg-hover) !important;

    border-color:
      rgba(187, 206, 142, 0.46) !important;

    box-shadow:
      0 13px 30px rgba(187, 206, 142, 0.20),
      0 0 0 3px rgba(187, 206, 142, 0.08),
      inset 0 1px 0 rgba(255,255,255,0.82) !important;
  }


  /*
   * Lucide "Shopping Cart".
   * SVG je vložené ako CSS data-image,
   * takže netreba načítavať ďalší JS.
   */

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814
  > a.woodmart-nav-link::before {
    content: "" !important;

    position: absolute !important;

    top: -9px !important;
    right: -8px !important;

    width: var(--caf-eshop-badge-size) !important;
    height: var(--caf-eshop-badge-size) !important;

    display: block !important;

    border-radius: 999px !important;

    background-color: var(--caf-green) !important;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171512' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57L22 7H5.12'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 13px 13px !important;

    border: 2px solid #ffffff !important;

    pointer-events: none !important;

    box-shadow:
      0 7px 18px rgba(187, 206, 142, 0.48),
      0 0 0 0 rgba(187, 206, 142, 0.34);

    animation:
      cafEshopCartPulse
      2.7s
      ease-in-out
      infinite;

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease !important;
  }


  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814:hover
  > a.woodmart-nav-link::before {
    transform:
      translateY(-1px)
      scale(1.08) !important;

    box-shadow:
      0 9px 22px rgba(187, 206, 142, 0.56),
      0 0 0 5px rgba(187, 206, 142, 0.12) !important;
  }


  @keyframes cafEshopCartPulse {

    0%,
    100% {
      box-shadow:
        0 7px 18px rgba(187, 206, 142, 0.42),
        0 0 0 0 rgba(187, 206, 142, 0.32);
    }

    50% {
      box-shadow:
        0 9px 22px rgba(187, 206, 142, 0.50),
        0 0 0 7px rgba(187, 206, 142, 0);
    }
  }


}


/* =========================================================
   04. RESPONSIVE DESKTOP NAVIGATION
========================================================= */

/* <= 1600 */

@media (max-width: 1600px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 38px;
    --caf-nav-link-padding: 21px;
    --caf-nav-font-size: 16px;


    --caf-logo-max-width: 198px;

    --caf-header-icon-size: 42px;
    --caf-header-icon-gap: 7px;

    --caf-eshop-badge-size: 24px;
  }
}


/* <= 1450 */

@media (max-width: 1450px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 28px;
    --caf-nav-link-padding: 18px;
    --caf-nav-font-size: 15.5px;


    --caf-logo-max-width: 185px;

    --caf-header-icon-size: 40px;
    --caf-header-icon-gap: 6px;

    --caf-eshop-badge-size: 23px;
  }

  .whb-color-dark:not(.whb-with-bg) {
    padding: 10px 0;
  }
}


/* <= 1366 */

@media (max-width: 1366px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 22px;
    --caf-nav-link-padding: 15px;
    --caf-nav-font-size: 15px;


    --caf-logo-max-width: 174px;

    --caf-header-icon-size: 38px;
    --caf-header-icon-gap: 5px;

    --caf-eshop-badge-size: 22px;
  }


  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814
  > a.woodmart-nav-link::before {
    top: -7px !important;
    right: -6px !important;

    background-size: 11px 11px !important;
  }
}


/* <= 1280 */

@media (max-width: 1280px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 16px;
    --caf-nav-link-padding: 12px;
    --caf-nav-font-size: 14.5px;


    --caf-logo-max-width: 164px;

    --caf-header-icon-size: 37px;
    --caf-header-icon-gap: 5px;
  }

  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  > a.woodmart-nav-link {
    gap: 6px !important;
  }
}


/* <= 1200 */

@media (max-width: 1200px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 11px;
    --caf-nav-link-padding: 10px;
    --caf-nav-font-size: 14px;
    --caf-nav-height: 42px;


    --caf-logo-max-width: 154px;

    --caf-header-icon-size: 36px;
    --caf-header-icon-gap: 4px;

    --caf-eshop-badge-size: 21px;
  }


  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > li.item-level-0
  > a.woodmart-nav-link
  > .nav-link-text::after {
    bottom: -11px !important;
  }
}


/* <= 1120 */

@media (max-width: 1120px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 7px;
    --caf-nav-link-padding: 8px;
    --caf-nav-font-size: 13.3px;
    --caf-nav-height: 40px;


    --caf-logo-max-width: 142px;

    --caf-header-icon-size: 34px;
    --caf-header-icon-gap: 3px;

    --caf-eshop-badge-size: 20px;
  }


  body
  .whb-main-header
  nav.wd-header-nav
  ul.wd-nav.wd-nav-header
  > li.item-level-0.menu-item-has-children
  > a.woodmart-nav-link::after {
    margin-left: 3px !important;
  }

  .whb-color-dark:not(.whb-with-bg) {
    padding: 8px 0;
  }
}


/* <= 1060 */

@media (max-width: 1060px) and (min-width: 1025px) {

  :root {
    --caf-nav-gap: 5px;
    --caf-nav-link-padding: 7px;
    --caf-nav-font-size: 12.8px;
    --caf-nav-height: 38px;


    --caf-logo-max-width: 132px;

    --caf-header-icon-size: 32px;
    --caf-header-icon-gap: 2px;

    --caf-eshop-badge-size: 19px;
  }

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814
  > a.woodmart-nav-link::before {
    top: -6px !important;
    right: -5px !important;

    background-size: 10px 10px !important;
  }
}


/* =========================================================
   05. HEADER RIGHT ICONS
========================================================= */

.whb-main-header
.whb-col-right
.wd-tools-element {
  margin-left:
    var(--caf-header-icon-gap) !important;
}


.whb-main-header
.whb-col-right
.wd-tools-element
> a {
  position: relative;

  width:
    var(--caf-header-icon-size) !important;

  height:
    var(--caf-header-icon-size) !important;

  min-width:
    var(--caf-header-icon-size) !important;

  min-height:
    var(--caf-header-icon-size) !important;

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

  border-radius: 999px !important;

  background: var(--caf-icon-bg) !important;

  border:
    1px solid
    var(--caf-icon-border) !important;

  color:
    var(--caf-icon-black) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.85),
    0 4px 14px rgba(32,25,15,0.04);

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}


.whb-main-header
.whb-col-right
.wd-tools-element
> a::before {
  content: "";

  position: absolute;

  inset: -4px;

  border-radius: inherit;

  border:
    1px solid
    rgba(183,169,151,0);

  pointer-events: none;

  transition:
    border-color 0.25s ease;
}


.whb-main-header
.whb-col-right
.wd-tools-element
.wd-tools-icon {
  color: inherit !important;

  line-height: 1 !important;

  transition:
    transform 0.25s ease;
}


.whb-main-header
.whb-col-right
.wd-tools-element:hover
> a {
  transform: translateY(-2px);

  background:
    var(--caf-icon-black) !important;

  border-color:
    var(--caf-icon-border-hover) !important;

  color: #ffffff !important;

  box-shadow:
    var(--caf-icon-shadow);
}


.whb-main-header
.whb-col-right
.wd-tools-element:hover
> a::before {
  border-color:
    rgba(183,169,151,0.48);
}


.whb-main-header
.whb-col-right
.wd-tools-element:hover
.wd-tools-icon {
  transform: scale(1.04);
}


/* Wishlist / Cart count */

.whb-main-header
.whb-col-right
.wd-tools-count,

.whb-main-header
.whb-col-right
.wd-cart-number {
  min-width: 18px !important;
  height: 18px !important;

  padding: 0 5px !important;

  top: -5px !important;
  right: -5px !important;

  border-radius: 999px !important;

  background:
    var(--caf-icon-green) !important;

  color: #000000 !important;

  border:
    2px solid #ffffff !important;

  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 14px !important;

  box-shadow:
    0 5px 14px
    rgba(187,206,142,0.45);
}


.whb-main-header
.whb-col-right
.wd-cart-number span {
  display: none !important;
}


/* =========================================================
   06. CART SIDEBAR
========================================================= */

body .cart-widget-side,
body .cart-widget-side.wd-side-hidden,
body .cart-widget-side.wd-right {
  position: fixed !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  height: 100vh !important;
  max-height: 100vh !important;

  z-index: 200000 !important;

  overflow: hidden !important;

  background: #ffffff !important;
}


body
.cart-widget-side
.widget_shopping_cart,

body
.cart-widget-side
.widget_shopping_cart_content {
  height: calc(100vh - 82px) !important;
  max-height: calc(100vh - 82px) !important;
}


/* Cart heading */

body
.cart-widget-side
.wd-heading {
  position: relative !important;

  z-index: 200002 !important;

  min-height: 82px !important;

  padding:
    26px 28px 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: #ffffff !important;

  border-bottom:
    1px solid
    rgba(183,169,151,0.22) !important;

  box-shadow:
    0 10px 28px rgba(23,21,18,0.06),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
}


body
.cart-widget-side
.wd-heading
.title {
  color: var(--caf-ink) !important;

  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}


/* Close */

body
.cart-widget-side
.close-side-widget {
  position: relative !important;

  z-index: 200003 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


body
.cart-widget-side
.close-side-widget
> a {
  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;
  min-height: 42px !important;

  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: #fbfaf7 !important;

  border:
    1px solid
    rgba(183,169,151,0.42) !important;

  color: var(--caf-ink) !important;

  box-shadow:
    0 8px 22px rgba(23,21,18,0.08),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease !important;
}


body
.cart-widget-side
.close-side-widget
> a:hover {
  transform:
    translateY(-2px) !important;

  background:
    var(--caf-ink) !important;

  border-color:
    var(--caf-ink) !important;

  color: #ffffff !important;

  box-shadow:
    0 12px 30px
    rgba(23,21,18,0.15) !important;
}


body
.cart-widget-side
.close-side-widget
.wd-action-text {
  display: none !important;
}


/* Cart body */

body
.cart-widget-side
.shopping-cart-widget-body {
  height: 100% !important;
  max-height: 100% !important;
}


body
.cart-widget-side
.wd-scroll,

body
.cart-widget-side
.wd-scroll-content {
  max-height: 100% !important;
}


/* Empty cart */

body
.cart-widget-side
.wd-empty-mini-cart {
  padding: 34px 28px !important;

  text-align: center !important;
}


body
.cart-widget-side
.wd-empty-mini-cart
.empty {
  color: var(--caf-ink) !important;

  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}


body
.cart-widget-side
.wd-empty-mini-cart
.btn,

body
.cart-widget-side
.wd-empty-mini-cart
.button {
  margin-top: 18px !important;

  border-radius: 999px !important;

  background:
    var(--caf-green) !important;

  color:
    var(--caf-ink) !important;

  border:
    1px solid
    rgba(187,206,142,0.95) !important;

  font-weight: 500 !important;
  text-transform: none !important;

  box-shadow:
    0 12px 28px rgba(187,206,142,0.28),
    inset 0 1px 0 rgba(255,255,255,0.55) !important;
}


/* Desktop cart overlay */

@media (min-width: 1025px) {

  body .wd-close-side,
  body .wd-side-close,
  body .wd-side-overlay {
    z-index: 199990 !important;
  }
}


/* =========================================================
   07. MOBILE SIDE PANELS / OVERLAY
========================================================= */

@media (max-width: 1024px) {

  /* Default overlay */

  body .wd-close-side,
  body .wd-side-close,
  body .wd-side-overlay {
    z-index: 99998 !important;
  }


  body
  .wd-close-side.wd-close-side-opened {
    z-index: 99998 !important;

    background-color:
      rgba(23,21,18,0.30) !important;

    pointer-events: auto !important;
  }


  /* Mobile panels */

  body .mobile-nav,
  body .wd-side-hidden:not(.cart-widget-side),
  body .login-form-side,
  body .wd-account-side,
  body .wd-header-my-account,
  body .wd-side-hidden.wd-left,
  body .wd-side-hidden.wd-right:not(.cart-widget-side) {
    z-index: 100000 !important;
  }


  /* Cart */

  body .cart-widget-side,
  body .cart-widget-side.wd-side-hidden,
  body .cart-widget-side.wd-right {
    z-index: 200000 !important;
  }


  /* Cart-specific overlay */

  body:has(.cart-widget-side.wd-opened)
  .wd-close-side.wd-close-side-opened,

  body:has(.cart-widget-side.wd-side-opened)
  .wd-close-side.wd-close-side-opened,

  body:has(.cart-widget-side.wd-opened)
  .wd-side-overlay,

  body:has(.cart-widget-side.wd-side-opened)
  .wd-side-overlay {
    z-index: 199990 !important;

    background-color:
      rgba(23,21,18,0.34) !important;
  }
}


/* =========================================================
   08. HERO SLIDER — CAFÉZIA CIRCLE ARROWS
========================================================= */

.caf-hero-slider__arrow {
  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;
  min-height: 42px !important;

  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  border-radius: 999px !important;

  border:
    1px solid
    rgba(183,169,151,0.38) !important;

  background:
    rgba(255,255,255,0.88) !important;

  color:
    var(--caf-ink) !important;

  box-shadow:
    0 10px 26px rgba(23,21,18,0.10),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;

  line-height: 1 !important;
  font-size: 0 !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}


.caf-hero-slider__arrow::before {
  display: block !important;

  color:
    var(--caf-ink) !important;

  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 500 !important;

  transform:
    translateY(-1px) !important;
}


.caf-hero-slider__arrow--prev::before {
  content: "‹" !important;
}


.caf-hero-slider__arrow--next::before {
  content: "›" !important;
}


.caf-hero-slider__arrow:hover {
  transform:
    translateY(-2px) !important;

  background:
    var(--caf-green) !important;

  border-color:
    var(--caf-green) !important;

  box-shadow:
    0 14px 32px rgba(187,206,142,0.35),
    inset 0 0 0 1000px rgba(0,0,0,0.06) !important;
}


.caf-hero-slider__arrow:hover::before {
  color: #ffffff !important;
}


.caf-hero-slider__nav {
  gap: 8px !important;

  padding: 8px !important;

  border-radius: 999px !important;

  background:
    rgba(255,255,255,0.66) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}




/* =========================================================
   09. WOODMART MOBILE CAROUSEL ARROWS
   Použiť CSS class:
   caf-mobile-carousel-arrows

   Funguje pre:
   - Product Categories
   - Products
========================================================= */

@media (max-width: 767px) {

  .caf-mobile-carousel-arrows
  .wd-carousel-container,

  .caf-mobile-carousel-arrows
  .wd-carousel-inner {
    position: relative !important;

    overflow: visible !important;
  }


  .caf-mobile-carousel-arrows
  .wd-carousel {
    position: relative !important;

    overflow: hidden !important;
  }


  /* Navigation wrapper */

  .caf-mobile-carousel-arrows
  .wd-nav-arrows {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

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

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: none !important;

    z-index: 30 !important;
  }


  /* Arrow */

  .caf-mobile-carousel-arrows
  .wd-nav-arrows
  .wd-btn-arrow {
    position: absolute !important;

    top: 50% !important;

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

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

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

    border-radius: 999px !important;

    background:
      rgba(255,255,255,0.94) !important;

    border:
      1px solid
      rgba(183,169,151,0.38) !important;

    color:
      var(--caf-ink) !important;

    box-shadow:
      0 10px 28px rgba(23,21,18,0.13),
      inset 0 1px 0 rgba(255,255,255,0.92) !important;

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

    visibility: visible !important;

    pointer-events: auto !important;

    cursor: pointer !important;

    transform:
      translateY(-50%) !important;

    transition:
      background-color 0.22s ease,
      border-color 0.22s ease,
      box-shadow 0.22s ease,
      transform 0.22s ease,
      opacity 0.22s ease !important;
  }


  .caf-mobile-carousel-arrows
  .wd-nav-arrows
  .wd-prev {
    left: -13px !important;
    right: auto !important;
  }


  .caf-mobile-carousel-arrows
  .wd-nav-arrows
  .wd-next {
    right: -13px !important;
    left: auto !important;
  }


  .caf-mobile-carousel-arrows
  .wd-btn-arrow
  .wd-arrow-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color:
      var(--caf-ink) !important;
  }


  .caf-mobile-carousel-arrows
  .wd-nav-arrows
  .wd-btn-arrow:not(.wd-disabled):hover {
    background:
      var(--caf-green) !important;

    border-color:
      rgba(187,206,142,0.95) !important;

    box-shadow:
      0 14px 34px rgba(187,206,142,0.32),
      inset 0 1px 0 rgba(255,255,255,0.7) !important;

    transform:
      translateY(-50%)
      scale(1.06) !important;
  }


  .caf-mobile-carousel-arrows
  .wd-btn-arrow.wd-disabled {
    opacity: 0.28 !important;

    cursor: default !important;
    pointer-events: none !important;
  }


  .caf-mobile-carousel-arrows
  .wd-btn-arrow.wd-lock {
    visibility: hidden !important;

    pointer-events: none !important;
  }


  /* Categories rounded */

  .caf-mobile-carousel-arrows
  .category-grid-item
  .wd-cat-inner {
    border-radius: 20px !important;

    overflow: hidden !important;
  }
}


/* =========================================================
   10. CAFÉZIA SHOP BENEFITS
========================================================= */

.caf-shop-benefits__content h3 {
  font-weight: 500 !important;
}


/* =========================================================
   11. ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  body
  .whb-main-header
  ul.wd-nav.wd-nav-header
  > #menu-item-814
  > a.woodmart-nav-link::before {
    animation: none !important;
  }


  .caf-hero-slider__arrow,
  .caf-mobile-carousel-arrows .wd-btn-arrow {
    transition: none !important;
  }
}



/* =========================================================
   CAFÉZIA — GLOBAL MOBILE TYPOGRAPHY BOOST
   vložiť úplne na KONIEC Global Custom CSS
========================================================= */

@media (max-width: 767px) {

  /* =====================================================
     GLOBAL VARIABLES
  ===================================================== */

  body {
    --caf-mob-body: 16px;
    --caf-mob-body-small: 14.5px;
    --caf-mob-card-text: 14px;
    --caf-mob-small: 13px;
    --caf-mob-micro: 10px;

    --caf-mob-h1: 40px;
    --caf-mob-h2: 34px;
    --caf-mob-h3: 20px;
    --caf-mob-h4: 18px;
  }


  /* =====================================================
     ELEMENTOR — BEŽNÝ TEXT
  ===================================================== */

  .elementor-widget-text-editor,
  .elementor-widget-text-editor p,
  .elementor-widget-text-editor li,
  .elementor-widget-text-editor td,
  .elementor-widget-text-editor th {
    font-size: var(--caf-mob-body) !important;
    line-height: 1.62 !important;
  }


  /* =====================================================
     ELEMENTOR — NADPISY
  ===================================================== */

  .elementor-widget-heading h1.elementor-heading-title {
    font-size: var(--caf-mob-h1) !important;
    line-height: 1.03 !important;
    font-weight: 500 !important;
  }

  .elementor-widget-heading h2.elementor-heading-title {
    font-size: var(--caf-mob-h2) !important;
    line-height: 1.07 !important;
    font-weight: 500 !important;
  }

  .elementor-widget-heading h3.elementor-heading-title {
    font-size: var(--caf-mob-h3) !important;
    line-height: 1.13 !important;
    font-weight: 500 !important;
  }

  .elementor-widget-heading h4.elementor-heading-title {
    font-size: var(--caf-mob-h4) !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }


  /* =====================================================
     ELEMENTOR — LISTY
  ===================================================== */

  .elementor-widget-icon-list .elementor-icon-list-text {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }


  /* =====================================================
     ELEMENTOR — BUTTONY
  ===================================================== */

  .elementor-button,
  .elementor-button-text,
  button,
  input[type="submit"] {
    font-size: 14px !important;
    font-weight: 500 !important;
  }


  /* =====================================================
     ELEMENTOR FORM
  ===================================================== */

  .elementor-form .elementor-field-label {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .elementor-form input.elementor-field,
  .elementor-form textarea.elementor-field,
  .elementor-form select.elementor-field {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .elementor-form .elementor-field::placeholder {
    font-size: 15px !important;
  }

  .elementor-form .elementor-help-inline,
  .elementor-form .elementor-message {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }


  /* =====================================================
     GENERIC CAFÉZIA HTML WIDGETS
     bežné odstavce a zoznamy
  ===================================================== */

  .elementor-widget-html [class^="caf-"] p,
  .elementor-widget-html [class*=" caf-"] p,
  .elementor-widget-html [class^="caf-"] li,
  .elementor-widget-html [class*=" caf-"] li {
    font-size: var(--caf-mob-body) !important;
    line-height: 1.58 !important;
  }


  /* =====================================================
     CAFÉZIA — HERO SLIDER
  ===================================================== */

  .caf-hero-a p,
  .caf-hero-a__content p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .caf-hero-a__benefit-text strong {
    font-size: 16px !important;
  }

  .caf-hero-a__benefit-text span {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .caf-hero-a__eyebrow {
    font-size: 11px !important;
  }


  /* =====================================================
     PREČO JE CAFÉZIA INÁ
  ===================================================== */

  .caf-why-modern__content > p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .caf-why-modern__card-body h3 {
    font-size: 21px !important;
    line-height: 1.12 !important;
  }

  .caf-why-modern__card-body p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .caf-why-modern__eyebrow {
    font-size: 10.5px !important;
  }


  /* =====================================================
     FILOZOFIA / FOUNDER
  ===================================================== */

  .caf-founder-section__lead {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .caf-founder-section__text-item h3 {
    font-size: 19px !important;
  }

  .caf-founder-section__text-item p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .caf-founder-section__manifesto p {
    font-size: 16px !important;
  }

  .caf-founder-section__eyebrow,
  .caf-founder-section__badge {
    font-size: 10.5px !important;
  }


  /* =====================================================
     BENEFIT KARTY
  ===================================================== */

  .caf-benefit-card__content h3 {
    font-size: 19px !important;
    line-height: 1.08 !important;
  }

  .caf-benefit-card__cta {
    font-size: 13.5px !important;
  }


  /* =====================================================
     VÝHODY CAFÉZIA
     držíme kompaktnejšie kvôli mobile 2×2
  ===================================================== */

  .caf-shop-benefits__content h3 {
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }

  .caf-shop-benefits__content p {
    font-size: 14px !important;
    line-height: 1.48 !important;
  }


  /* =====================================================
     ŠTATISTIKY
  ===================================================== */

  .caf-stats__value {
    font-size: 33px !important;
  }

  .caf-stats__card h3 {
    font-size: 15.5px !important;
  }

  .caf-stats__card p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }


  /* =====================================================
     CTA BAR
  ===================================================== */

  .caf-cta-bar p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .caf-cta-bar__eyebrow {
    font-size: 10px !important;
  }

  .caf-suite__button {
    font-size: 13.5px !important;
  }


  /* =====================================================
     IMAGE + TEXT
  ===================================================== */

  .caf-feature-split__text {
    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }

  .caf-feature-split__bullet strong {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }


  /* =====================================================
     IMAGE MOTION
  ===================================================== */

  .caf-image-motion__caption p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .caf-image-motion__caption > span {
    font-size: 9.5px !important;
  }


  /* =====================================================
     PROCES
  ===================================================== */

  .caf-process__copy h3 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .caf-process__copy p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }


  /* =====================================================
     TABS
  ===================================================== */

  .caf-tabs__button {
    font-size: 12px !important;
  }

  .caf-tabs__copy h3 {
    font-size: 29px !important;
  }

  .caf-tabs__copy > div {
    font-size: 14px !important;
    line-height: 1.58 !important;
  }


  /* =====================================================
     EDITORIAL CARDS
  ===================================================== */

  .caf-editorial__content h3 {
    font-size: 22px !important;
  }

  .caf-editorial__content p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .caf-editorial__content strong {
    font-size: 11.5px !important;
  }

  .caf-editorial__content > span {
    font-size: 9px !important;
  }


  /* =====================================================
     ZAUJÍMAVOSŤ / INFO BOX
  ===================================================== */

  .caf-info-box__content h3 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .caf-info-box__content p {
    font-size: 14px !important;
    line-height: 1.52 !important;
  }

  .caf-info-box__content a {
    font-size: 12.5px !important;
  }

  .caf-info-box__label {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
  }


  /* =====================================================
     ARCHIVE PROMO / VERNOSTNÝ PROGRAM
  ===================================================== */

  .caf-archive-promo__title {
    font-size: 30px !important;
    line-height: 1.02 !important;
  }

  .caf-archive-promo__description {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  .caf-archive-promo__rule strong {
    font-size: 13.5px !important;
  }

  .caf-archive-promo__rule small {
    font-size: 11.5px !important;
  }

  .caf-archive-promo__example strong {
    font-size: 15px !important;
  }

  .caf-archive-promo__example span,
  .caf-archive-promo__eyebrow {
    font-size: 9.5px !important;
  }


  /* =====================================================
     KDE NÁS NÁJDETE
  ===================================================== */

  .caf-locations__hero-copy > p,
  .caf-location-main__lead,
  .caf-location-gallery__head > p,
  .caf-partners__head > p,
  .caf-world__intro > p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  .caf-location-detail strong {
    font-size: 14.5px !important;
  }

  .caf-partner-card__content h3 {
    font-size: 17px !important;
  }

  .caf-partner-card__content p {
    font-size: 13.5px !important;
  }

  .caf-country strong {
    font-size: 18px !important;
  }

  .caf-country div span {
    font-size: 12.5px !important;
  }

  .caf-materials__head > p {
    font-size: 15px !important;
  }

  .caf-material strong {
    font-size: 14.5px !important;
  }

  .caf-material div span {
    font-size: 11.5px !important;
  }

  .caf-locations__eyebrow,
  .caf-location-main__label {
    font-size: 10px !important;
  }


  /* =====================================================
     CONTACT HTML WIDGET
  ===================================================== */

  .caf-contact-info__head > p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .caf-contact-quick strong {
    font-size: 14.5px !important;
  }

  .caf-contact-card h3 {
    font-size: 21px !important;
  }

  .caf-contact-card__address strong {
    font-size: 15px !important;
  }

  .caf-contact-card__address span {
    font-size: 14.5px !important;
  }

  .caf-company-data__row strong {
    font-size: 14px !important;
  }

  .caf-contact-info__note p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .caf-contact-info__eyebrow,
  .caf-contact-card__label,
  .caf-company-data__row > span,
  .caf-contact-quick > div:nth-child(2) > span {
    font-size: 9px !important;
  }


  /* =====================================================
     FOOTER FAQ
  ===================================================== */

  .caf-footer-faq__content strong {
    font-size: 19px !important;
  }

  .caf-footer-faq__text {
    font-size: 13px !important;
  }

  .caf-footer-faq__eyebrow {
    font-size: 9.5px !important;
  }


  /* =====================================================
     PREFOOTER B2B
  ===================================================== */

  .caf-prefooter-b2b__content h3 {
    font-size: 28px !important;
    line-height: 1.05 !important;
  }

  .caf-prefooter-b2b__content p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .caf-prefooter-b2b__types span {
    font-size: 11.5px !important;
  }

  .caf-prefooter-b2b__cta {
    font-size: 13px !important;
  }

  .caf-prefooter-b2b__eyebrow,
  .caf-prefooter-b2b__badge {
    font-size: 9.5px !important;
  }


  /* =====================================================
     KÁVA — PRÍPRAVA / CUSTOM HTML SEKCIE
  ===================================================== */

  .caf-espresso p,
  .caf-espresso li,

  .caf-moka p,
  .caf-moka li,

  .caf-filter-coffee p,
  .caf-filter-coffee li,

  .caf-v60 p,
  .caf-v60 li,

  .caf-frenchpress p,
  .caf-frenchpress li,

  .caf-brew-nav p,
  .caf-sensitive-section p,
  .caf-sensitive-section li,
  .caf-roast-section p,
  .caf-interest-box p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }


  /* =====================================================
     KÁVA — MENŠIE KARTY
  ===================================================== */

  .caf-brew-nav h3,
  .caf-roast-section h3,
  .caf-sensitive-section h3,
  .caf-interest-box h3 {
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
  }


  /* =====================================================
     B2B / PRE FIRMY HTML SEKCIE
     funguje aj keď sa názvy tried mierne líšia
  ===================================================== */

  [class*="caf-b2b"] p,
  [class*="caf-business"] p,
  [class*="caf-wholesale"] p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  [class*="caf-b2b"] li,
  [class*="caf-business"] li,
  [class*="caf-wholesale"] li {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }


  /* =====================================================
     GENERIC CUSTOM CAFÉZIA SMALL LABELS
     Neaplikujeme na SVG / ikonky
  ===================================================== */

  [class*="caf-"] .caf-eyebrow,
  [class*="caf-"] [class*="__eyebrow"],
  [class*="caf-"] [class*="__label"] {
    line-height: 1.15 !important;
  }


  /* =====================================================
     WOOCOMMERCE / XSTORE — PRODUCT TEXT
  ===================================================== */

  .products .product-title,
  .products .product-title a,
  .products .woocommerce-loop-product__title,
  .products .wd-entities-title,
  .product-grid-item .product-title,
  .product-grid-item .product-title a {
    font-size: 15px !important;
    line-height: 1.32 !important;
  }

  .products .price,
  .product-grid-item .price {
    font-size: 15px !important;
  }


  /* =====================================================
     SAFETY — NEZVÄČŠOVAŤ NAV / BADGE / IKONY
  ===================================================== */

  .main-nav,
  .mobile-nav,
  .wd-header-nav,
  .wd-nav,
  .menu,
  .caf-topbar-marquee,
  .caf-topbar-marquee *,
  [class*="badge"],
  [class*="counter"],
  [class*="quantity"] {
    text-size-adjust: none;
  }

}


/* =========================================================
   CAFÉZIA — SHOP CATEGORY CAROUSEL
   širšie kategórie + max 2 riadky nadpisu
========================================================= */


/* =========================================================
   DESKTOP
   namiesto 8 kategórií v riadku použijeme 6
========================================================= */

@media (min-width: 1025px) {

  .wd-cats.wd-cats-element .wd-carousel {
    --wd-col-lg: 6 !important;
    --wd-gap-lg: 26px !important;
  }

}


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

@media (min-width: 768px) and (max-width: 1024px) {

  .wd-cats.wd-cats-element .wd-carousel {
    --wd-col-md: 3 !important;
    --wd-gap-md: 18px !important;
  }

}


/* =========================================================
   MOBILE
   nechávame 2 kategórie vedľa seba
========================================================= */

@media (max-width: 767px) {

  .wd-cats.wd-cats-element .wd-carousel {
    --wd-col-sm: 2 !important;
  }

}


/* =========================================================
   KATEGÓRIA — nech využije celú dostupnú šírku
========================================================= */

.wd-cats.wd-cats-element .category-grid-item,
.wd-cats.wd-cats-element .wd-cat-inner {
  width: 100% !important;
  max-width: none !important;
}


.wd-cats.wd-cats-element .wd-cat-content {
  width: 100% !important;
  max-width: none !important;

  padding-left: 4px !important;
  padding-right: 4px !important;
}


/* =========================================================
   NADPIS KATEGÓRIE
========================================================= */

.wd-cats.wd-cats-element .wd-entities-title {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;

  text-transform: none !important;

  white-space: normal !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  /* maximálne 2 riadky */
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  overflow: hidden !important;
}


/* =========================================================
   DESKTOP — minimálna výška nadpisu
   aby boli všetky kategórie pekne zarovnané
========================================================= */

@media (min-width: 1025px) {

  .wd-cats.wd-cats-element .wd-entities-title {
    min-height: 46px !important;
  }

}


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

@media (max-width: 767px) {

  .wd-cats.wd-cats-element .wd-entities-title {
    font-size: 16px !important;
    line-height: 1.2 !important;

    min-height: 39px !important;
  }

}


/* CAFÉZIA — odstránenie Shop Sidebar buttonu */

.elementor-widget-wd_builder_off_canvas_column_btn {
    display: none !important;
}

/* =========================================================
   CAFÉZIA — MOBILE MENU SEARCH FIX
   oprava pretekania tlačidla "Hľadať"
========================================================= */

@media (max-width: 1024px) {

  /* celý search blok */
  .mobile-nav .wd-search-form {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;

    overflow: hidden !important;
  }


  /* samotný formulár */
  .mobile-nav .wd-search-form .searchform {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    display: block !important;

    margin: 0 !important;

    box-sizing: border-box !important;
  }


  /* input */
  .mobile-nav .wd-search-form .searchform input.s {
    width: 100% !important;
    max-width: 100% !important;

    height: 54px !important;

    padding:
      0 92px 0 20px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
      #ffffff !important;

    color:
      #171512 !important;

    font-size:
      15px !important;

    line-height:
      54px !important;

    box-sizing:
      border-box !important;
  }


  .mobile-nav .wd-search-form .searchform input.s::placeholder {
    color:
      #777168 !important;

    opacity:
      1 !important;
  }


  /* =====================================================
     SEARCH BUTTON
  ===================================================== */

  .mobile-nav .wd-search-form .searchform .searchsubmit {
    position: absolute !important;

    top: 6px !important;
    right: 7px !important;
    bottom: auto !important;
    left: auto !important;

    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;

    height: 42px !important;
    min-height: 42px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
      0 10px !important;

    margin:
      0 !important;

    border:
      1px solid rgba(183, 169, 151, .28) !important;

    border-radius:
      11px !important;

    background:
      rgba(187, 206, 142, .20) !important;

    color:
      #171512 !important;

    font-size:
      13px !important;

    line-height:
      1 !important;

    font-weight:
      500 !important;

    box-sizing:
      border-box !important;

    overflow:
      hidden !important;

    transition:
      background-color .2s ease,
      border-color .2s ease,
      color .2s ease !important;
  }


  /* text v button */
  .mobile-nav .wd-search-form .searchform .searchsubmit span {
    display:
      block !important;

    width:
      auto !important;

    max-width:
      100% !important;

    margin:
      0 !important;

    padding:
      0 !important;

    color:
      inherit !important;

    font-size:
      inherit !important;

    line-height:
      1 !important;

    white-space:
      nowrap !important;

    overflow:
      visible !important;
  }


  /* hover */
  .mobile-nav .wd-search-form .searchform .searchsubmit:hover {
    border-color:
      rgba(145, 169, 99, .55) !important;

    background:
      #bbce8e !important;

    color:
      #171512 !important;
  }


  /* clear-search nesmie vliezť pod button */
  .mobile-nav .wd-search-form .wd-clear-search {
    right:
      90px !important;
  }

}


/* =========================================================
   CAFÉZIA — SHOP CATEGORY BAR
   tablet + mobile typography
========================================================= */

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

  .wd-cats.wd-cats-element .wd-entities-title {
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    text-transform: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
  }

}


/* MOBILE */
@media (max-width: 767px) {

  .wd-cats.wd-cats-element .wd-entities-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    text-transform: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
  }

}


/* =========================================================
   CAFÉZIA — GLOBAL TEXT TRANSFORM RESET
   zachová presne to, ako je text napísaný
========================================================= */

body,
body * {
    text-transform: none !important;
}


/* =========================================================
   CAFÉZIA — SINGLE PRODUCT PRICE
========================================================= */

.single-product .wd-single-price .price {
    margin: 22px 0 24px !important;
}


/* hlavný price box */
.single-product .cafezia-dual-price {
    display: inline-flex !important;
    flex-direction: column !important;

    min-width: 260px !important;

    padding: 16px 20px !important;

    border: 1px solid rgba(187, 206, 142, .55) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            135deg,
            rgba(226, 219, 206, .38),
            rgba(187, 206, 142, .10)
        ) !important;

    box-shadow:
        0 8px 24px rgba(23, 21, 18, .045) !important;
}


/* každý riadok ceny */
.single-product .cafezia-dual-price__row {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;

    width: 100% !important;

    line-height: 1.2 !important;
}


/* =========================================================
   CENA BEZ DPH — sekundárna
========================================================= */

.single-product
.cafezia-dual-price__row--without {
    margin-bottom: 7px !important;

    color: #7a746c !important;

    font-size: 15px !important;
    font-weight: 500 !important;
}


/* číslo bez DPH */
.single-product
.cafezia-dual-price__row--without
.woocommerce-Price-amount {
    color: #5f5952 !important;

    font-size: 18px !important;
    font-weight: 500 !important;
}


/* text "bez DPH" */
.single-product
.cafezia-dual-price__row--without
.cafezia-dual-price__label {
    color: #8b847b !important;

    font-size: 13px !important;
    font-weight: 500 !important;
}


/* =========================================================
   CENA S DPH — hlavná cena
========================================================= */

.single-product
.cafezia-dual-price__row--with {
    color: #171512 !important;

    font-size: 22px !important;
    font-weight: 500 !important;
}


/* hlavná suma */
.single-product
.cafezia-dual-price__row--with
.woocommerce-Price-amount {
    color: #9fb56f !important;

    font-size: 30px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
}


/* text "s DPH" */
.single-product
.cafezia-dual-price__row--with
.cafezia-dual-price__label {
    color: #6f7958 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
}


/* žiadny uppercase / capitalize */
.single-product .cafezia-dual-price,
.single-product .cafezia-dual-price * {
    text-transform: none !important;
}


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

@media (max-width: 767px) {

    .single-product .cafezia-dual-price {
        width: 100% !important;
        min-width: 0 !important;

        padding: 14px 16px !important;

        border-radius: 16px !important;

        box-sizing: border-box !important;
    }


    .single-product
    .cafezia-dual-price__row--without
    .woocommerce-Price-amount {
        font-size: 17px !important;
    }


    .single-product
    .cafezia-dual-price__row--with
    .woocommerce-Price-amount {
        font-size: 27px !important;
    }

}

/* =========================================================
   CAFÉZIA — WOODMART STICKY PRODUCT PRICE
   kompaktný dizajn ceny iba v spodnom sticky bare
========================================================= */

.single-product .wd-sticky-btn .price {
    margin: 0 !important;
    line-height: 1 !important;
}


/* hlavný price box */
.single-product
.wd-sticky-btn
.cafezia-dual-price {

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 7px 12px !important;
    margin: 0 !important;

    gap: 0 !important;

    border: 1px solid rgba(187, 206, 142, .55) !important;
    border-radius: 13px !important;

    background:
        linear-gradient(
            135deg,
            rgba(226, 219, 206, .28),
            rgba(187, 206, 142, .10)
        ) !important;

    box-shadow:
        0 4px 14px rgba(23, 21, 18, .035) !important;

    box-sizing: border-box !important;
}


/* oba riadky sa v sticky bare zmenia na stĺpce */
.single-product
.wd-sticky-btn
.cafezia-dual-price__row {

    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: auto !important;

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

    gap: 2px !important;

    line-height: 1 !important;
}


/* =========================================================
   BEZ DPH
========================================================= */

.single-product
.wd-sticky-btn
.cafezia-dual-price__row--without {

    padding-right: 12px !important;
    margin-right: 12px !important;

    border-right:
        1px solid rgba(183, 169, 151, .35) !important;

    color: #777168 !important;
}


.single-product
.wd-sticky-btn
.cafezia-dual-price__row--without
.woocommerce-Price-amount {

    color: #756f67 !important;

    font-size: 15px !important;
    line-height: 1.05 !important;
    font-weight: 500 !important;
}


.single-product
.wd-sticky-btn
.cafezia-dual-price__row--without
.cafezia-dual-price__label {

    color: #938b82 !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}


/* =========================================================
   S DPH — HLAVNÁ CENA
========================================================= */

.single-product
.wd-sticky-btn
.cafezia-dual-price__row--with {

    color: #171512 !important;
}


.single-product
.wd-sticky-btn
.cafezia-dual-price__row--with
.woocommerce-Price-amount {

    color: #9fb56f !important;

    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}


.single-product
.wd-sticky-btn
.cafezia-dual-price__row--with
.cafezia-dual-price__label {

    color: #68744f !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}


/* žiadny uppercase / capitalize */
.single-product
.wd-sticky-btn
.cafezia-dual-price,
.single-product
.wd-sticky-btn
.cafezia-dual-price * {
    text-transform: none !important;
}


/* =========================================================
   STICKY CART ALIGNMENT
========================================================= */

.single-product
.wd-sticky-btn
.wd-sticky-btn-cart {

    display: flex !important;
    align-items: center !important;

    gap: 14px !important;
}


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

@media (max-width: 1024px) {

    .single-product
    .wd-sticky-btn
    .cafezia-dual-price {

        padding: 6px 10px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--without {

        padding-right: 9px !important;
        margin-right: 9px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--with
    .woocommerce-Price-amount {

        font-size: 20px !important;
    }

}


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

@media (max-width: 767px) {

    .single-product
    .wd-sticky-btn
    .cafezia-dual-price {

        padding: 6px 8px !important;

        border-radius: 11px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--without {

        padding-right: 8px !important;
        margin-right: 8px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--without
    .woocommerce-Price-amount {

        font-size: 13px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--without
    .cafezia-dual-price__label {

        font-size: 9px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--with
    .woocommerce-Price-amount {

        font-size: 18px !important;
    }


    .single-product
    .wd-sticky-btn
    .cafezia-dual-price__row--with
    .cafezia-dual-price__label {

        font-size: 9px !important;
    }

}

/* =========================================================
   CAFÉZIA TOPBAR — COMPACT ORIGINAL STYLE FIX
   finálny override
========================================================= */


/* väčší font */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee {
    font-size: 13.5px !important;
    line-height: 1 !important;
    letter-spacing: 0.025em !important;
}


/* track má mať len reálnu šírku obsahu */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee__track {
    display: flex !important;
    align-items: center !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;

    gap: 0 !important;

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


/* zrušíme roztiahnutie každej skupiny cez 100vw */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee__group {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;

    gap: 0 !important;

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


/* jednotlivé texty — tesne pri sebe */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee__item {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 4px !important;

    white-space: nowrap !important;

    font-size: inherit !important;
    line-height: 1 !important;
}


/* vypneme starú umelú bodku s 48px medzerou */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee__item::after {
    content: none !important;
    display: none !important;
}


/* zapneme späť skutočný separator zo shortcodu */
.whb-main-header
.whb-top-bar
.caf-topbar-marquee__dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: 100% !important;

    margin: 0 4px !important;
    padding: 0 !important;

    color: currentColor !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    opacity: .55 !important;

    transform: translateY(-1px) !important;
}


/* TABLET */
@media (max-width: 1024px) {

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee {
        font-size: 13px !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee {
        font-size: 12px !important;
    }

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee__item {
        padding: 0 3px !important;
    }

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee__dot {
        margin: 0 3px !important;
        font-size: 14px !important;
    }

}

/* =========================================================
   CAFÉZIA TOPBAR — SEAMLESS + FASTER MARQUEE
========================================================= */

/*
 * 8 identických skupín v PHP.
 *
 * Jedna skupina = 12.5 % celej šírky tracku.
 * Začíname o polovicu skupiny posunutí doľava,
 * takže ticker nepôsobí, že začína od ľavého okraja.
 */

.whb-main-header
.whb-top-bar
.caf-topbar-marquee__track {
    animation:
        cafTopbarSeamless 16s linear infinite !important;

    transform: translateX(-6.25%);
}


/* plynulý loop presne o jednu skupinu */
@keyframes cafTopbarSeamless {

    from {
        transform: translateX(-6.25%);
    }

    to {
        transform: translateX(-18.75%);
    }

}


/* pauza po hoveri */
.whb-main-header
.whb-top-bar:hover
.caf-topbar-marquee__track {
    animation-play-state: paused !important;
}


/* ešte o trochu rýchlejšie na mobile */
@media (max-width: 767px) {

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee__track {
        animation-duration: 14s !important;
    }

}


/* reduced motion */
@media (prefers-reduced-motion: reduce) {

    .whb-main-header
    .whb-top-bar
    .caf-topbar-marquee__track {
        animation: none !important;
        transform: translateX(0) !important;
    }

}