/* CSS custom 4READY */

.single-product .product-summary-shadow .summary-inner {
    padding-bottom: 30px;
}

.page-title:not(.color-scheme-light) {
    text-align: left;
}
.grecaptcha-logo {
    display: none;
}
.page-title.color-scheme-light,
.wd-page-title.color-scheme-light {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
        inset 0 -1px 0 rgba(255, 255, 255, 0.12),
        0 22px 48px rgba(13, 35, 68, 0.18);
    animation: fr-title-frame-in 880ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-title.color-scheme-light::before,
.wd-page-title.color-scheme-light::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8, 24, 47, 0.88) 0%, rgba(10, 52, 91, 0.76) 52%, rgba(15, 89, 164, 0.58) 100%),
        linear-gradient(180deg, rgba(3, 14, 31, 0.48) 0%, rgba(3, 14, 31, 0.14) 44%, rgba(3, 14, 31, 0.7) 100%);
    animation: fr-title-overlay-in 1100ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-title.color-scheme-light .container,
.wd-page-title.color-scheme-light .container,
.page-title.color-scheme-light .wd-page-title,
.wd-page-title.color-scheme-light .wd-page-title {
    position: relative;
    z-index: 2;
    animation: fr-title-content-in 920ms 140ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-title.color-scheme-light .wd-page-title-bg,
.wd-page-title.color-scheme-light .wd-page-title-bg {
    transform: translate3d(0, var(--fr-title-parallax-y, 0px), 0) scale(1.08);
    filter: saturate(0.95) contrast(1.08);
    will-change: transform;
    transition: transform 120ms linear;
    animation: fr-title-photo-in 1200ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes fr-title-frame-in {
    from {
        clip-path: inset(0 0 10% 0);
        box-shadow:
            inset 0 -1px 0 rgba(255, 255, 255, 0),
            0 0 0 rgba(13, 35, 68, 0);
    }
    to {
        clip-path: inset(0 0 0 0);
        box-shadow:
            inset 0 -1px 0 rgba(255, 255, 255, 0.12),
            0 22px 48px rgba(13, 35, 68, 0.18);
    }
}

@keyframes fr-title-overlay-in {
    from {
        opacity: 0.18;
    }
    to {
        opacity: 1;
    }
}

@keyframes fr-title-photo-in {
    from {
        opacity: 0.72;
        transform: translate3d(0, var(--fr-title-parallax-y, 0px), 0) scale(1.16);
        filter: saturate(0.8) contrast(1.14) blur(4px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, var(--fr-title-parallax-y, 0px), 0) scale(1.08);
        filter: saturate(0.95) contrast(1.08) blur(0);
    }
}

@keyframes fr-title-content-in {
    from {
        opacity: 0;
        transform: translate3d(0, 24px, 0);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        filter: blur(0);
    }
}

@media (max-width: 767px), (prefers-reduced-motion: reduce) {
    .page-title.color-scheme-light,
    .wd-page-title.color-scheme-light,
    .page-title.color-scheme-light::before,
    .wd-page-title.color-scheme-light::before,
    .page-title.color-scheme-light .container,
    .wd-page-title.color-scheme-light .container,
    .page-title.color-scheme-light .wd-page-title,
    .wd-page-title.color-scheme-light .wd-page-title {
        animation: none;
    }

    .page-title.color-scheme-light .wd-page-title-bg,
    .wd-page-title.color-scheme-light .wd-page-title-bg {
        transform: scale(1.04);
        transition: none;
        will-change: auto;
        animation: none;
    }
}

/* 4READY header navigation states */
.wd-nav.wd-nav-header.wd-style-underline > li > a,
.wd-nav.wd-nav-header.wd-style-bg > li > a,
.wd-nav.wd-nav-header.wd-style-default > li > a {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border-radius: 999px;
  transition:
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    color .24s ease,
    transform .24s ease;
}

.wd-nav.wd-nav-header.wd-style-underline > li > a .nav-link-text,
.wd-nav.wd-nav-header.wd-style-bg > li > a .nav-link-text,
.wd-nav.wd-nav-header.wd-style-default > li > a .nav-link-text {
  position: relative;
  z-index: 1;
  transition: color .24s ease, opacity .24s ease, text-shadow .24s ease;
}

.wd-nav.wd-nav-header.wd-style-underline > li > a .nav-link-text::after,
.wd-nav.wd-nav-header.wd-style-bg > li > a .nav-link-text::after,
.wd-nav.wd-nav-header.wd-style-default > li > a .nav-link-text::after {
  display: none;
}

.wd-nav.wd-nav-header.wd-style-underline > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 11px;
  z-index: 0;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #d9623d;
  box-shadow: 0 0 0 rgba(217, 98, 61, 0);
  transform: translateX(-50%);
  transition:
    width .28s cubic-bezier(.2, .76, .28, 1),
    box-shadow .28s ease,
    opacity .28s ease;
}

.wd-nav.wd-nav-header.wd-style-underline > li > a::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 14px;
  z-index: -1;
  height: 18px;
  border-radius: 999px;
  background: rgba(217, 98, 61, .16);
  filter: blur(8px);
  opacity: 0;
  transition: opacity .28s ease;
}

.wd-nav.wd-nav-header.wd-style-underline > li:hover > a,
.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-item > a,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_item > a,
.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-ancestor > a,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_ancestor > a {
  color: #ffffff;
}

.wd-nav.wd-nav-header.wd-style-underline > li:hover > a::after {
  width: 72%;
  box-shadow: 0 0 18px rgba(217, 98, 61, .48);
}

.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-item > a::after,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_item > a::after,
.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-ancestor > a::after,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_ancestor > a::after {
  width: 100%;
  height: 4px;
  box-shadow: 0 0 22px rgba(217, 98, 61, .7);
}

.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-item > a::before,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_item > a::before,
.wd-nav.wd-nav-header.wd-style-underline > li.current-menu-ancestor > a::before,
.wd-nav.wd-nav-header.wd-style-underline > li.current_page_ancestor > a::before {
  opacity: 1;
}

.wd-nav.wd-nav-header.wd-style-bg > li > a {
  border: 1px solid transparent;
  background: transparent;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(13, 35, 68, 0);
}

.wd-nav.wd-nav-header.wd-style-bg > li:hover > a,
.wd-nav.wd-nav-header.wd-style-bg > li.current-menu-item > a,
.wd-nav.wd-nav-header.wd-style-bg > li.current_page_item > a,
.wd-nav.wd-nav-header.wd-style-bg > li.current-menu-ancestor > a,
.wd-nav.wd-nav-header.wd-style-bg > li.current_page_ancestor > a {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06));
  border-color: rgba(255, 255, 255, .22);
  box-shadow:
    inset 0 -4px 0 #d9623d,
    0 14px 34px rgba(13, 35, 68, .22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.wd-nav.wd-nav-header.wd-style-bg > li:hover > a {
  transform: translateY(-1px);
}

.wd-nav.wd-nav-header.wd-style-bg > li.current-menu-item > a::after,
.wd-nav.wd-nav-header.wd-style-bg > li.current_page_item > a::after,
.wd-nav.wd-nav-header.wd-style-bg > li.current-menu-ancestor > a::after,
.wd-nav.wd-nav-header.wd-style-bg > li.current_page_ancestor > a::after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: inherit;
  pointer-events: none;
}

.wd-nav.wd-nav-header.wd-style-default {
  position: relative;
}

.wd-nav.wd-nav-header.wd-style-default::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 1px;
  background: rgba(255, 255, 255, .16);
  opacity: 0;
}
.whb-sticked .whb-header-bottom {
    background-color: rgba(15, 89, 164, 1);
}
.wd-nav.wd-nav-header.wd-style-default > li > a {
  z-index: 1;
}

.wd-nav.wd-nav-header.wd-style-default > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 0;
  width: 0;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9623d, #ffb66f);
  box-shadow: 0 0 0 rgba(217, 98, 61, 0);
  opacity: 0;
  transform: translateX(-50%);
  transition:
    width .28s cubic-bezier(.2, .76, .28, 1),
    opacity .24s ease,
    box-shadow .24s ease,
    transform .24s ease;
}

.wd-nav.wd-nav-header.wd-style-default > li:hover > a {
  color: #ffffff;
  transform: translateY(-2px);
}

.wd-nav.wd-nav-header.wd-style-default > li:hover > a::after {
  width: 72%;
  opacity: .45;
  box-shadow: 0 0 18px rgba(217, 98, 61, .42);
}

.wd-nav.wd-nav-header.wd-style-default > li.current-menu-item > a,
.wd-nav.wd-nav-header.wd-style-default > li.current_page_item > a,
.wd-nav.wd-nav-header.wd-style-default > li.current-menu-ancestor > a,
.wd-nav.wd-nav-header.wd-style-default > li.current_page_ancestor > a {
  color: #ffffff;
  text-shadow: 0 0 18px rgba(255, 255, 255, .24);
}

.wd-nav.wd-nav-header.wd-style-default > li.current-menu-item > a::after,
.wd-nav.wd-nav-header.wd-style-default > li.current_page_item > a::after,
.wd-nav.wd-nav-header.wd-style-default > li.current-menu-ancestor > a::after,
.wd-nav.wd-nav-header.wd-style-default > li.current_page_ancestor > a::after {
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 20px rgba(217, 98, 61, .58);
}

@media (max-width: 1024px) {
  .wd-nav.wd-nav-header.wd-style-underline > li > a::after {
    bottom: 8px;
  }

  .wd-nav.wd-nav-header.wd-style-underline > li > a::before {
    bottom: 11px;
  }

  .wd-nav.wd-nav-header.wd-style-bg > li:hover > a,
  .wd-nav.wd-nav-header.wd-style-bg > li.current-menu-item > a,
  .wd-nav.wd-nav-header.wd-style-bg > li.current_page_item > a,
  .wd-nav.wd-nav-header.wd-style-bg > li.current-menu-ancestor > a,
  .wd-nav.wd-nav-header.wd-style-bg > li.current_page_ancestor > a {
    box-shadow:
      inset 0 -3px 0 #d9623d,
      0 10px 24px rgba(13, 35, 68, .18);
  }

  .wd-nav.wd-nav-header.wd-style-default::after {
    bottom: 9px;
  }

  .wd-nav.wd-nav-header.wd-style-default > li > a::after {
    bottom: 7px;
  }
}

/* 4READY scroll reveal */
.fr-reveal-ready .fr-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 680ms cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 680ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: var(--fr-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.fr-reveal-ready .fr-reveal.fr-reveal-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal,
.fr-reveal-ready #proc-zvolit .elementor-widget-icon-box.fr-reveal,
.fr-reveal-ready .fr-ref.fr-reveal,
.fr-reveal-ready #faq-content .e-n-accordion-item.fr-reveal,
.fr-reveal-ready .fr-about .fr-reveal,
.fr-reveal-ready .fr-faq-page .fr-reveal,
.fr-reveal-ready .fr-delivery-page .fr-reveal,
.fr-reveal-ready .fourready-terms-page .fr-reveal,
.fr-reveal-ready .fr-contact-card .fr-reveal,
.fr-reveal-ready .fr-contact-list .fr-reveal,
.fr-reveal-ready #formular-kontakt .fr-reveal,
.fr-reveal-ready .fr-home-faq .fr-reveal,
.fr-reveal-ready .fr-intro .fr-reveal {
  transition-duration: 760ms;
}

.fr-reveal-ready .fr-about .fr-reveal,
.fr-reveal-ready .fr-faq-page .fr-reveal,
.fr-reveal-ready .fr-delivery-page .fr-reveal,
.fr-reveal-ready .fourready-terms-page .fr-reveal,
.fr-reveal-ready .fr-contact-card .fr-reveal,
.fr-reveal-ready .fr-contact-list .fr-reveal,
.fr-reveal-ready #formular-kontakt .fr-reveal,
.fr-reveal-ready .fr-home-faq .fr-reveal,
.fr-reveal-ready .fr-intro .fr-reveal {
  transform: translate3d(0, 34px, 0);
}

.fr-reveal-ready .fr-about .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-faq-page .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-delivery-page .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fourready-terms-page .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-contact-card .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-contact-list .fr-reveal.fr-reveal-visible,
.fr-reveal-ready #formular-kontakt .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-home-faq .fr-reveal.fr-reveal-visible,
.fr-reveal-ready .fr-intro .fr-reveal.fr-reveal-visible {
  transform: translate3d(0, 0, 0);
}

/* 4READY variant cards: Apple-like scroll scene */
.fr-reveal-ready #varianty {
  perspective: 1800px;
  perspective-origin: 50% 38%;
}

.fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal {
  opacity: var(--fr-card-opacity, 0);
  transform:
    translate3d(
      var(--fr-card-x, 0px),
      var(--fr-card-y, 140px),
      var(--fr-card-z, -260px)
    )
    rotateX(var(--fr-card-rx, 28deg))
    rotateY(var(--fr-card-ry, 0deg))
    rotateZ(var(--fr-card-rz, 0deg))
    scale(var(--fr-card-scale, 0.78));
  transform-origin: 50% 82%;
  filter:
    blur(var(--fr-card-blur, 18px))
    saturate(var(--fr-card-saturate, 0.55))
    brightness(var(--fr-card-brightness, 0.72));
  transition:
    box-shadow 420ms ease,
    filter 120ms linear,
    opacity 120ms linear,
    transform 120ms linear;
  will-change: opacity, transform, filter;
}

.fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal.fr-reveal-visible {
  opacity: var(--fr-card-opacity, 1);
  transform:
    translate3d(
      var(--fr-card-x, 0px),
      var(--fr-card-y, 0px),
      var(--fr-card-z, 0px)
    )
    rotateX(var(--fr-card-rx, 0deg))
    rotateY(var(--fr-card-ry, 0deg))
    rotateZ(var(--fr-card-rz, 0deg))
    scale(var(--fr-card-scale, 1));
  filter:
    blur(var(--fr-card-blur, 0px))
    saturate(var(--fr-card-saturate, 1))
    brightness(var(--fr-card-brightness, 1));
}

.fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal.fr-reveal-visible:hover {
  transform:
    translate3d(
      var(--fr-card-x, 0px),
      calc(var(--fr-card-y, 0px) - 8px),
      calc(var(--fr-card-z, 0px) + 28px)
    )
    rotateX(var(--fr-card-rx, 0deg))
    rotateY(var(--fr-card-ry, 0deg))
    rotateZ(var(--fr-card-rz, 0deg))
    scale(calc(var(--fr-card-scale, 1) + 0.01));
}

@media (max-width: 767px) {
  .fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal,
  .fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal.fr-reveal-visible {
    filter: none;
  }
}

/* ==========================================================================
   4READY – Complianz cookie banner buttons
   ========================================================================== */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-height: 48px !important;
  padding: 13px 22px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 95, 168, .14) !important;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

/* Primární akce: Přijmout + Uložit předvolby. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
  color: #fff !important;
  background: #0f5fa8 !important;
  border-color: #0f5fa8 !important;
  box-shadow: 0 8px 18px rgba(15, 95, 168, .26) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
  color: #fff !important;
  background: #0d4f8f !important;
  border-color: #0d4f8f !important;
  box-shadow: 0 12px 22px rgba(15, 95, 168, .34) !important;
  transform: translateY(-2px);
}

/* Odmítnout: stejná velikost, čistá sekundární varianta 4READY. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  color: #0f5fa8 !important;
  background: #fff !important;
  border-color: #0f5fa8 !important;
  box-shadow: 0 8px 18px rgba(13, 35, 68, .09) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
  color: #fff !important;
  background: #0f5fa8 !important;
  border-color: #0f5fa8 !important;
  box-shadow: 0 12px 22px rgba(15, 95, 168, .26) !important;
  transform: translateY(-2px);
}

/* Předvolby: jemné pozadí odpovídající formulářovým polím webu. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options {
  color: #0d2344 !important;
  background: #f2f8fc !important;
  border-color: #d6e7f2 !important;
  box-shadow: 0 8px 18px rgba(13, 35, 68, .07) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options:hover {
  color: #0f5fa8 !important;
  background: #e7f3fb !important;
  border-color: #0f5fa8 !important;
  box-shadow: 0 12px 22px rgba(15, 95, 168, .18) !important;
  transform: translateY(-2px);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible {
  outline: 3px solid rgba(15, 95, 168, .28) !important;
  outline-offset: 3px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:active {
  box-shadow: 0 5px 12px rgba(13, 35, 68, .15) !important;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    transition: none !important;
  }

  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover,
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:active {
    transform: none;
  }
}

/* 4READY – global top scroll progress bar. */
.fr-product-scroll-progress {
  position: fixed;
  z-index: 100002;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  overflow: hidden;
  pointer-events: none;
}

.fr-product-scroll-progress__bar {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #d9623d 0%, #ef6b3a 100%);
  box-shadow: 0 1px 8px rgba(217, 98, 61, .38);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .fr-reveal-ready .fr-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .fr-reveal-ready #varianty .promo-banner.wd-with-link.fr-reveal {
    filter: none;
  }
}

/* 4READY variant cards */
#varianty .promo-banner.wd-with-link {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow:
    0 28px 70px rgba(13, 35, 68, .14),
    0 1px 0 rgba(255, 255, 255, .62) inset;
}

#varianty .promo-banner.wd-with-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 18, 18, .58), rgba(7, 18, 18, .22) 48%, rgba(7, 18, 18, .08)),
    radial-gradient(circle at 20% 18%, rgba(17, 94, 171, .34), transparent 34%),
    radial-gradient(circle at 80% 86%, rgba(117, 186, 66, .18), transparent 36%);
  opacity: .92;
  transition: opacity 320ms ease;
}

#varianty .promo-banner.wd-with-link:hover::before {
  opacity: .78;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner {
  position: absolute;
  inset: 0;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: clamp(18px, 2.1vw, 34px);
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .content-banner {
  position: static;
  display: grid;
  width: 100%;
  height: 100%;
  max-width: none;
  justify-items: start;
  grid-auto-flow: row;
  align-content: start;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-subtitle {
  display: none;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title {
  position: relative;
  display: inline-grid;
  grid-template-columns: clamp(48px, 3.2vw, 66px) max-content;
  align-items: center;
  justify-content: start;
  gap: clamp(13px, 1.15vw, 18px);
  width: auto;
  max-width: min(430px, calc(100% - 28px));
  min-height: 0;
  margin: 0;
  padding: clamp(10px, .95vw, 14px) clamp(18px, 1.8vw, 28px) clamp(10px, .95vw, 14px) clamp(10px, .95vw, 14px);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: clamp(18px, 1.55vw, 24px);
  color: #fff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
    rgba(4, 10, 27, .36);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 0 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  line-height: 1;
  font-size: clamp(22px, 1.4vw, 30px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .28);
  transition:
    border-color 280ms ease,
    background 280ms ease,
    box-shadow 280ms ease,
    transform 280ms ease;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title::before,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title::after {
  display: none;
}

#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-title {
  transform: translate3d(0, -2px, 0);
  border-color: rgba(255, 255, 255, .34);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)),
    rgba(4, 10, 27, .42);
  box-shadow:
    0 22px 46px rgba(0, 0, 0, .24),
    0 0 0 6px rgba(255, 255, 255, .03),
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .1);
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__number {
  display: grid;
  place-items: center;
  width: clamp(48px, 3.2vw, 66px);
  height: clamp(48px, 3.2vw, 66px);
  border-radius: clamp(13px, 1vw, 17px);
  color: #fff;
  background: linear-gradient(145deg, #1979c9 0%, #0f59a4 60%, #0b3e78 100%);
  box-shadow:
    0 10px 24px rgba(8, 20, 36, .34),
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 -12px 20px rgba(13, 35, 68, .14);
  font-size: clamp(34px, 2.65vw, 52px);
  font-weight: 500;
  line-height: .9;
  letter-spacing: 0;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__copy {
  display: grid;
  min-width: 0;
  gap: 5px;
  justify-items: start;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__eyebrow {
  color: rgba(255, 255, 255, .62);
  font-size: clamp(9px, .62vw, 12px);
  font-weight: 800;
  letter-spacing: .28em;
  line-height: 1;
  text-transform: uppercase;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__label {
  display: block;
  width: auto;
  max-width: none;
  overflow: visible;
  color: #fff;
  font-size: clamp(30px, 2.2vw, 44px);
  font-weight: 700;
  line-height: .84;
  letter-spacing: -.015em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow:
    0 3px 22px rgba(0, 0, 0, .32),
    0 0 1px rgba(255, 255, 255, .35);
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-inner {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: clamp(12px, 1.25vw, 18px) 0 0 clamp(6px, .7vw, 12px);
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: rgba(255, 255, 255, .84);
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: absolute;
  top: 30%;
  transition:
    background 280ms ease,
    color 280ms ease,
    transform 280ms ease;
}

#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-inner {
  transform: translate3d(8px, 0, 0);
  color: #fff;
  background: rgba(255, 255, 255, .14);
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-inner p {
  margin: 0;
  color: inherit;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 700;
  line-height: 1.25;
}

#varianty .promo-banner.wd-with-link .wd-promo-banner-link {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: auto;
  cursor: pointer;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .content-banner,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-inner {
  pointer-events: none;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-btn-wrapper,
#varianty .promo-banner.wd-with-link.banner-btn-position-static .wrapper-content-banner .content-banner .banner-btn-wrapper {
  position: absolute;
  right: clamp(18px, 3vw, 40px);
  bottom: clamp(18px, 3vw, 40px);
  top: auto;
  left: auto;
  margin: 0;
  transform: none;
  justify-self: auto;
  align-self: auto;
  z-index: 9;
  pointer-events: auto;
}

#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-btn-wrapper a,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-btn-wrapper .btn,
#varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-btn-wrapper .button {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .btn:has(.dot-box),
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .button:has(.dot-box),
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper a:has(.dot-box) {
  color: #fff;
  box-shadow: 0 16px 34px rgba(117, 186, 66, .26);
}

#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .btn:has(.dot-box)::before,
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .button:has(.dot-box)::before,
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper a:has(.dot-box)::before {
  transform: scale(1, 1);
  transform-origin: left center;
}

#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .btn:has(.dot-box) .dot-box,
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper .button:has(.dot-box) .dot-box,
#varianty .promo-banner.wd-with-link:hover .wrapper-content-banner .banner-btn-wrapper a:has(.dot-box) .dot-box {
  background-color: #222;
}

@media (max-width: 1199px) {
  #varianty .promo-banner.wd-with-link .wrapper-content-banner {
    padding: 18px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title {
    grid-template-columns: 46px max-content;
    gap: 12px;
    padding: 10px 16px 10px 10px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__number {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    font-size: 34px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__label {
    font-size: clamp(30px, 3.8vw, 40px);
  }
}

@media (max-width: 767px) {
  #varianty .promo-banner.wd-with-link {
    border-radius: 22px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner {
    padding: 14px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-btn-wrapper,
  #varianty .promo-banner.wd-with-link.banner-btn-position-static .wrapper-content-banner .content-banner .banner-btn-wrapper {
    right: 14px;
    bottom: 14px;
    top: auto;
    left: auto;
    margin: 0;
    transform: none;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-title {
    grid-template-columns: 38px max-content;
    gap: 9px;
    max-width: calc(100% - 16px);
    padding: 8px 12px 8px 8px;
    border-radius: 15px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__number {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 28px;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__eyebrow {
    font-size: 8px;
    letter-spacing: .2em;
  }

  #varianty .promo-banner.wd-with-link .wrapper-content-banner .fr-variant-title__label {
    font-size: clamp(24px, 6.6vw, 30px);
  }
}
 
.page-title:not(.color-scheme-light) .entry-title.title,
.wd-page-title:not(.color-scheme-light) .entry-title.title,
.title-size-default:not(.color-scheme-light) .entry-title.title,
.page-title:not(.color-scheme-light) h1,
.wd-page-title:not(.color-scheme-light) h1,
.title-size-default:not(.color-scheme-light) h1 {
    position: relative;
    max-width: 1440px;
    margin: 0;
    padding-top: 62px;
    color: #0d2344;
    font-size: clamp(22px, 3vw, 46px) !important;
    line-height: 0.98;
    letter-spacing: 0;
}

.page-title:not(.color-scheme-light) .entry-title.title::before,
.wd-page-title:not(.color-scheme-light) .entry-title.title::before,
.title-size-default:not(.color-scheme-light) .entry-title.title::before,
.page-title:not(.color-scheme-light) h1::before,
.wd-page-title:not(.color-scheme-light) h1::before,
.title-size-default:not(.color-scheme-light) h1::before {
    content: "";
    display: none;
}

.page-title:not(.color-scheme-light) .fourready-page-subtitle,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 1440px;
    margin: 22px 0 14px;
    padding-left: calc(clamp(54px, 5.5vw, 108px) + 18px);
    color: #0f59a4;
    font-size: clamp(15px, 1.25vw, 20px);
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.page-title:not(.color-scheme-light) .fourready-page-subtitle::before,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle::before,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48em;
    width: clamp(54px, 5.5vw, 108px);
    height: 5px;
    border-radius: 20px;
    background: #0f59a4;
}

.page-title:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title,
.page-title:not(.color-scheme-light) .fourready-page-subtitle + h1,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle + h1,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle + h1 {
    padding-top: 0;
}

.page-title:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title::after,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title::after,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle + .entry-title.title::after,
.page-title:not(.color-scheme-light) .fourready-page-subtitle + h1::after,
.wd-page-title:not(.color-scheme-light) .fourready-page-subtitle + h1::after,
.title-size-default:not(.color-scheme-light) .fourready-page-subtitle + h1::after {
    display: none;
}

.page-title:not(.color-scheme-light) .entry-title.title::after,
.wd-page-title:not(.color-scheme-light) .entry-title.title::after,
.title-size-default:not(.color-scheme-light) .entry-title.title::after,
.page-title:not(.color-scheme-light) h1::after,
.wd-page-title:not(.color-scheme-light) h1::after,
.title-size-default:not(.color-scheme-light) h1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48em;
    width: clamp(54px, 5.5vw, 108px);
    height: 5px;
    border-radius: 20px;
    background: #0f59a4;
}

.page-title .breadcrumbs,
.page-title .woocommerce-breadcrumb,
.page-title .wd-breadcrumbs,
.breadcrumbs,
.wd-breadcrumbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    margin-top: 12px;
    padding: 7px 14px;
    color: #5b6574;
    font-size: clamp(12px, 0.8vw, 14px);
    font-weight: 700;
    line-height: 1.2;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(13, 35, 68, 0.08);
    border-radius: 20px;
    box-shadow: 0 7px 18px rgba(13, 35, 68, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.wd-breadcrumbs.woocommerce-breadcrumb {
    box-shadow: none;
    border: 0px;
    background: transparent;
}
.page-title .breadcrumbs a,
.page-title .woocommerce-breadcrumb a,
.page-title .wd-breadcrumbs a,
.breadcrumbs a,
.woocommerce-breadcrumb a,
.wd-breadcrumbs a {
    color: #5b6574;
    text-decoration: none;
}

.page-title .breadcrumbs > span:last-child,
.page-title .woocommerce-breadcrumb > span:last-child,
.page-title .wd-breadcrumbs > span:last-child,
.breadcrumbs > span:last-child,
.woocommerce-breadcrumb > span:last-child,
.wd-breadcrumbs > span:last-child {
    color: #23262d;
    font-weight: 800;
}

.page-title .breadcrumbs a:hover,
.page-title .woocommerce-breadcrumb a:hover,
.page-title .wd-breadcrumbs a:hover,
.breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover,
.wd-breadcrumbs a:hover {
    color: #0f59a4;
}

.fourready-terms-page,
  .fourready-terms-page * {
    box-sizing: border-box;
  }

  .fourready-terms-page {
    --fourready-ink: #111827;
    --fourready-muted: #5b6574;
    --fourready-line: #dce4ec;
    --fourready-surface: #f6f9fb;
    --fourready-white: #ffffff;
    --fourready-blue: #0f59a4;
    --fourready-blue-deep: #0d2344;
    --fourready-cyan: #46c2dc;
    --fourready-green: #75ba42;
    --fourready-orange: #d9623d;
    --fourready-yellow: #ffcc00;
    --fourready-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
    --fourready-soft-shadow: 0 16px 45px rgba(13, 35, 68, 0.08);
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 42px 0 76px;
    color: #111827;
    font-family: "Albert Sans", "Urbanist", Arial, sans-serif;
    line-height: 1.68;
    container-type: inline-size;
    scroll-behavior: smooth;
  }

  .fourready-terms-shell {
    background:
      linear-gradient(180deg, rgba(13, 35, 68, 0.05), transparent 420px),
      #f6f9fb;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
  }

  .fourready-terms-hero {
    display: block;
    margin-bottom: 34px;
    padding: 0 0 clamp(28px, 4vw, 48px);
    color: #0d2344;
    border-radius: 20px;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    position: relative;
  }

  .fourready-terms-hero::before {
    content: none;
  }

  .fourready-terms-hero > * {
    position: relative;
  }

  .fourready-terms-hero .fourready-terms-eyebrow,
  .fourready-terms-hero h1 {
    display: none !important;
  }

  .fourready-terms-hero p {
    max-width: 760px;
    margin: 0;
    color: #354154;
    font-size: clamp(18px, 1.5vw, 23px);
    line-height: 1.65;
  }

  .fourready-terms-meta {
    display: inline-grid;
    gap: 6px;
    min-width: 0;
    margin-top: 28px;
    padding: 13px 18px;
    color: #0d2344;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #dce4ec;
    box-shadow: 0 16px 45px rgba(13, 35, 68, 0.08);
  }

  .fourready-terms-meta strong {
    font-size: 21px;
    line-height: 1;
  }

  .fourready-terms-meta span {
    color: #5b6574;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .fourready-terms-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
  }

  .fourready-terms-sidebar {
   
/*    width: min(272px, 100%);*/
    position: static;
    max-height: none;
    overflow: visible;
    scrollbar-width: thin;
  }

  .fourready-terms-nav {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(13, 35, 68, 0.06);
  }
  .fourready-terms-nav br {
      display: none;
  }
  .fourready-terms-nav__title {
    display: flex;
    align-items: center;
    margin: 0 0 28px;
    color: #0f59a4;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
  }

  .fourready-terms-nav__title::before {
    content: none;
  }

  .fourready-terms-nav__links {
    display: grid;
    gap: 10px;
    align-content: start !important;
    justify-content: stretch !important;
    position: relative;
    padding-left: 0;
  }

  .fourready-terms-nav__link {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 16px 8px 10px;
    color: #5b6574;
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-radius: 16px;
    box-shadow: none;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  .fourready-terms-nav__link span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    color: #0f59a4;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    border-radius: 12px;
    background: #edf6fc;
    box-shadow: inset 0 0 0 1px rgba(15, 89, 164, 0.04);
    transition: color 180ms ease, background 180ms ease, box-shadow 180ms ease;
  }

  .fourready-terms-nav__link:hover {
    color: #0d2344;
    background: #f8fbfe;
    border-color: #c5dbea;
    box-shadow: 0 10px 22px rgba(13, 35, 68, 0.045);
    text-decoration: none !important;
    transform: translateX(2px);
  }

  .fourready-terms-nav__link:hover span {
    color: #0f59a4;
    background: #e8f3fb;
    box-shadow: inset 0 0 0 1px rgba(15, 89, 164, 0.09);
  }

  .fourready-terms-nav__link.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #176fbd 0%, #0f59a4 100%);
    border-color: #0f59a4;
    box-shadow: 0 14px 30px rgba(15, 89, 164, 0.16);
    text-decoration: none !important;
    transform: none;
  }

  .fourready-terms-nav__link.is-active span {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  }

  .fourready-terms-nav__link.is-active:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #176fbd 0%, #0f59a4 100%);
    border-color: #0f59a4;
    box-shadow: 0 16px 32px rgba(15, 89, 164, 0.2);
    transform: translateX(2px);
  }

  .fourready-terms-nav__link.is-active:hover span {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
  }

  #menu-kategorie-menu.wd-nav-vertical {
    display: grid !important;
    gap: 10px !important;
    align-content: start !important;
    justify-content: stretch !important;
    padding: 24px 20px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #dce4ec !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 38px rgba(13, 35, 68, 0.08) !important;
  }

  #menu-kategorie-menu.wd-nav-vertical > li {
    margin: 0 !important;
  }

  #menu-kategorie-menu.wd-nav-vertical > li > a {
    display: flex !important;
    align-items: center;
    min-height: 36px !important;
    height: auto !important;
    padding: 7px 12px !important;
    color: #5b6574 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }

  #menu-kategorie-menu.wd-nav-vertical > li > a .nav-link-text {
    color: inherit;
    line-height: inherit;
  }

  #menu-kategorie-menu.wd-nav-vertical > li:hover > a,
  #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a,
  #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a {
    color: #0d2344 !important;
    background: #f2f8fc !important;
    border-color: #d6e7f2 !important;
    box-shadow: inset 3px 0 0 #0f59a4 !important;
  }
  

  /* 4READY left page sidebar variants */
  #left-page-sidebar.version-1,
  #left-page-sidebar.version-2 {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 18px 48px rgba(13, 35, 68, 0.12);
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical {
    position: relative;
    z-index: 1;
  }

  #left-page-sidebar.version-1 {
    isolation: isolate;
    padding: 28px;
    background:
      linear-gradient(180deg, rgba(246, 249, 252, 0.96), rgba(242, 248, 252, 0.92)),
      #f2f8fc;
    background: #fff;
    border: 1px solid #dce4ec;
    box-shadow: 0 18px 44px rgba(13, 35, 68, 0.065);
    }

  #left-page-sidebar.version-1::before {
    content: none;
  }

  #left-page-sidebar.version-1::after {
    content: none;
  }

  #left-page-sidebar.version-1 .elementor-widget,
  #left-page-sidebar.version-1 .elementor-widget-container,
  #left-page-sidebar.version-1 .e-con,
  #left-page-sidebar.version-1 .e-con-inner {
    position: relative;
    z-index: 1;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  #left-page-sidebar.version-1 .elementor-widget-heading {
    margin: 0 0 14px;
  }

  #left-page-sidebar.version-1 .widget-title,
  #left-page-sidebar.version-1 .wd-widget-title,
  #left-page-sidebar.version-1 .elementor-heading-title,
  #left-page-sidebar.version-1 > .elementor-widget-container > h1,
  #left-page-sidebar.version-1 > .elementor-widget-container > h2,
  #left-page-sidebar.version-1 > .elementor-widget-container > h3,
  #left-page-sidebar.version-1 > .elementor-widget-container > h4,
  #left-page-sidebar.version-1 > .elementor-widget-container > h5,
  #left-page-sidebar.version-1 > .elementor-widget-container > h6 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 28px;
    color: #0f59a4;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  #left-page-sidebar.version-1 .widget-title::before,
  #left-page-sidebar.version-1 .wd-widget-title::before,
  #left-page-sidebar.version-1 .elementor-heading-title::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h1::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h2::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h3::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h4::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h5::before,
  #left-page-sidebar.version-1 > .elementor-widget-container > h6::before {
    content: none;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical {
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li > a {
    position: relative;
    min-height: 46px !important;
    padding: 0 18px !important;
    color: #748295 !important;
    background: #ffffff !important;
    border: 1px solid #dce8f3 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    transition:
      background .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      color .22s ease,
      transform .22s ease;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li > a::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-radius: 999px;
    background: #c9d7e5;
    box-shadow: 0 0 0 0 rgba(117, 186, 66, 0);
    transition: background .22s ease, box-shadow .22s ease;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li:hover > a {
    color: #0d2344 !important;
    background: #ffffff !important;
    border-color: #cddfeb !important;
    box-shadow: 0 10px 22px rgba(13, 35, 68, 0.04) !important;
    transform: translateX(3px);
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li:hover > a::before {
    background: #0f59a4;
    box-shadow: 0 0 0 5px rgba(15, 89, 164, 0.1);
  }
  #left-page-sidebar .wd-menu>.widget-title {
      background: transparent;
  }
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-ancestor > a,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current_page_ancestor > a {
    color: #ffffff !important;
    background: linear-gradient(135deg, #176fbd, #0f59a4) !important;
    border-color: #0f59a4 !important;
    box-shadow: 0 14px 30px rgba(15, 89, 164, 0.18) !important;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a::before,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a::before,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-ancestor > a::before,
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li.current_page_ancestor > a::before {
    background: #ffffff;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.16);
  }

  #left-page-sidebar.version-2 {
    isolation: isolate;
    padding: 22px;
    background:
      radial-gradient(circle at 82% 10%, rgba(117, 186, 66, 0.18), transparent 34%),
      linear-gradient(145deg, #176fbd 0%, #0f59a4 48%, #0b4f92 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 22px 56px rgba(13, 35, 68, 0.18);
  }

  #left-page-sidebar.version-2 .elementor-widget,
  #left-page-sidebar.version-2 .elementor-widget-container,
  #left-page-sidebar.version-2 .e-con,
  #left-page-sidebar.version-2 .e-con-inner {
    position: relative;
    z-index: 1;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  #left-page-sidebar.version-2 .elementor-widget-heading {
    margin: 0 0 14px;
  }

  #left-page-sidebar.version-2 .widget-title,
  #left-page-sidebar.version-2 .wd-widget-title,
  #left-page-sidebar.version-2 .elementor-heading-title,
  #left-page-sidebar.version-2 > .elementor-widget-container > h1,
  #left-page-sidebar.version-2 > .elementor-widget-container > h2,
  #left-page-sidebar.version-2 > .elementor-widget-container > h3,
  #left-page-sidebar.version-2 > .elementor-widget-container > h4,
  #left-page-sidebar.version-2 > .elementor-widget-container > h5,
  #left-page-sidebar.version-2 > .elementor-widget-container > h6 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.76);
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  #left-page-sidebar.version-2 .wd-widget-title::before,
  #left-page-sidebar.version-2 .elementor-heading-title::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h1::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h2::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h3::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h4::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h5::before,
  #left-page-sidebar.version-2 > .elementor-widget-container > h6::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0f59a4;
    box-shadow: 0 0 0 5px rgba(15, 89, 164, 0.14);
  }

  #left-page-sidebar.version-2 > .elementor-widget-container {
  
  }

  #left-page-sidebar.version-2 > .elementor-widget-container::before,
  #left-page-sidebar.version-2 > .elementor-widget-container::after {

  }

  #left-page-sidebar.version-2 > .elementor-widget-container::before {
    top: 22px;
  }

  #left-page-sidebar.version-2 > .elementor-widget-container::after {
    bottom: -24px;
  }

  #left-page-sidebar.version-2::before,
  #left-page-sidebar.version-2::after {
    content: "";
    position: absolute;
    right: 24px;
    z-index: 0;
    width: 58px;
    height: 58px;
    border-right: 13px solid rgba(255, 255, 255, 0.13);
    border-bottom: 13px solid rgba(255, 255, 255, 0.13);
    border-radius: 9px;
    transform: rotate(45deg);
  }

  #left-page-sidebar.version-2::before {
    top: 22px;
  }

  #left-page-sidebar.version-2::after {
    bottom: -24px;
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical {
    gap: 9px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #left-page-sidebar.version-2 .wd-menu,
  #left-page-sidebar.version-2 .wd-nav-wrapper {
    position: relative;
    z-index: 1;
    background: transparent;
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li > a {
    position: relative;
    min-height: 46px !important;
    padding: 0 42px 0 14px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    transition:
      background .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      color .22s ease,
      transform .22s ease;
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li > a::after {
    content: "";
    position: absolute;
    right: 15px;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 0.55;
    transform: rotate(-45deg);
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li:hover > a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    transform: translateX(4px);
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-ancestor > a,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current_page_ancestor > a {
    color: #ffffff !important;
    background: #0f59a4 !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 18px 34px rgba(15, 89, 164, 0.28) !important;
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a::before,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a::before,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current-menu-ancestor > a::before,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li.current_page_ancestor > a::before {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: inherit;
  }

  .fourready-terms-content {
    display: block !important;
    flex: 1 1 620px;
    min-width: 0;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 20px;
    box-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
    padding: clamp(28px, 4vw, 54px);
  }

  .fourready-terms-content > :first-child {
    margin-top: 0;
  }

  .fourready-terms-content h2,
  .fourready-terms-content h3,
  .fourready-terms-content h4 {
    color: #0d2344;
    line-height: 1.16;
    letter-spacing: 0;
    scroll-margin-top: 34px;
  }

  .fourready-terms-content h2 {
    position: relative;
    margin: 0 0 24px;
    font-size: clamp(28px, 3.4vw, 46px);
  }

  .fourready-terms-content h2::after {
    content: none;
  }

  .fourready-terms-content h3 {
    position: relative;
    margin: 46px -18px 18px;
    padding: 0 18px;
    border-top: 0;
    font-size: clamp(22px, 2vw, 30px);
  }

  .fourready-terms-content h3::before {
    content: none;
  }

  .fourready-terms-content h4 {
    margin: 30px 0 12px;
    color: #0f59a4;
    font-size: 18px;
  }

  .fourready-terms-content p,
  .fourready-terms-content li {
    color: #303a4c;
    font-size: 16px;
  }

  .fourready-terms-content p {
    margin: 0 0 16px;
  }

  .fourready-terms-content a {
    color: #0f59a4;
    font-weight: 800;
    text-decoration-color: rgba(15, 89, 164, 0.28);
    text-underline-offset: 4px;
  }

  .fourready-terms-content a:hover {
    color: #176fbd;
    text-decoration-color: currentColor;
  }

  .fourready-terms-content ul {
    display: grid;
    gap: 9px;
    margin: 14px 0 24px;
    padding: 18px 20px;
    background: #f2f8fc;
    border: 1px solid #d6e7f2;
    border-radius: 20px;
  }

  .fourready-terms-content li {
    position: relative;
    list-style: none;
    padding-left: 26px;
  }

  .fourready-terms-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.66em;
    width: 9px;
    height: 9px;
    border-radius: 20px;
    background: radial-gradient(circle, #0f59a4 0 3px, rgba(15, 89, 164, 0.16) 3px 100%);
  }

  .fourready-terms-content h2 + p,
  .fourready-terms-content h2 + p + p {
    padding: 18px 20px;
    background: #f2f8fc;
    border: 1px solid #d6e7f2;
    border-radius: 20px;
  }

  .fourready-terms-content strong {
    color: #0d2344;
  }

  @container (max-width: 980px) {
    .fourready-terms-layout {
      display: block;
    }

    .fourready-terms-sidebar {
      width: auto;
      position: static;
      max-height: none;
      margin: 0 -12px 18px;
      overflow: visible;
    }

    .fourready-terms-nav {
      border-radius: 20px;
      padding: 14px;
    }

    .fourready-terms-nav__title {
      margin: 0 4px 12px;
    }

    .fourready-terms-nav__links {
      display: flex;
      gap: 6px;
      overflow-x: auto;
      padding-bottom: 4px;
      scrollbar-width: thin;
    }

    .fourready-terms-nav__link {
      flex: 0 0 auto;
      display: grid !important;
      grid-template-columns: 30px auto;
      min-height: 0 !important;
      padding: 7px 12px 7px 8px;
      white-space: nowrap;
      background: #fff;
      border: 1px solid #dce4ec;
      box-shadow: none;
      text-decoration: none !important;
    }

    .fourready-terms-nav__link span {
      width: 28px;
      min-width: 28px;
      height: 28px;
      border-radius: 10px;
      font-size: 12px;
    }

    .fourready-terms-nav__link:hover {
      transform: none;
      border-color: #cddfeb;
      box-shadow: 0 8px 18px rgba(13, 35, 68, 0.045);
    }

    .fourready-terms-nav__link.is-active {
      color: #ffffff;
      background: linear-gradient(135deg, #176fbd 0%, #0f59a4 100%);
      border-color: #0f59a4;
      box-shadow: 0 10px 22px rgba(15, 89, 164, 0.14);
      transform: none;
    }

    #menu-kategorie-menu.wd-nav-vertical {
      display: flex !important;
      gap: 6px !important;
      margin: 0 -12px 18px !important;
      padding: 10px !important;
      overflow-x: auto !important;
      scrollbar-width: thin;
    }

    #menu-kategorie-menu.wd-nav-vertical > li {
      flex: 0 0 auto;
    }

    #menu-kategorie-menu.wd-nav-vertical > li > a {
      min-height: 0 !important;
      padding: 7px 12px !important;
      white-space: nowrap;
      background: #fff !important;
      border: 1px solid #dce4ec !important;
      box-shadow: none !important;
    }

    #menu-kategorie-menu.wd-nav-vertical > li:hover > a,
    #menu-kategorie-menu.wd-nav-vertical > li.current-menu-item > a,
    #menu-kategorie-menu.wd-nav-vertical > li.current_page_item > a {
      box-shadow: inset 0 -3px 0 #0f59a4 !important;
    }

    .fourready-terms-content {
      padding: 26px 18px 36px;
    }

    .fourready-terms-content h2,
    .fourready-terms-content h3,
    .fourready-terms-content h4 {
      scroll-margin-top: 24px;
    }

    .fourready-terms-content h3 {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .fourready-terms-content h3::before {
      left: 0;
    }
  }

  @media (max-width: 980px) {
    .page-title:not(.color-scheme-light) .entry-title.title,
    .wd-page-title:not(.color-scheme-light) .entry-title.title,
    .title-size-default:not(.color-scheme-light) .entry-title.title,
    .page-title:not(.color-scheme-light) h1,
    .wd-page-title:not(.color-scheme-light) h1,
    .title-size-default:not(.color-scheme-light) h1 {
      padding-top: 46px;
      font-size: clamp(30px, 6vw, 44px) !important;
    }

    .page-title:not(.color-scheme-light) .entry-title.title::before,
    .wd-page-title:not(.color-scheme-light) .entry-title.title::before,
    .title-size-default:not(.color-scheme-light) .entry-title.title::before,
    .page-title:not(.color-scheme-light) h1::before,
    .wd-page-title:not(.color-scheme-light) h1::before,
    .title-size-default:not(.color-scheme-light) h1::before {
      margin-bottom: 28px;
    }

    .page-title:not(.color-scheme-light) .entry-title.title::after,
    .wd-page-title:not(.color-scheme-light) .entry-title.title::after,
    .title-size-default:not(.color-scheme-light) .entry-title.title::after,
    .page-title:not(.color-scheme-light) h1::after,
    .wd-page-title:not(.color-scheme-light) h1::after,
    .title-size-default:not(.color-scheme-light) h1::after {
      top: 0.48em;
    }

    .fourready-terms-page {
      width: 100%;
      padding: 24px 0 50px;
    }

    .fourready-terms-hero {
      padding: 0 0 34px;
    }

    .fourready-terms-meta {
      width: auto;
      max-width: 100%;
    }

    .fourready-terms-layout {
      display: block;
    }

    .fourready-terms-sidebar {
      width: auto;
      position: static;
      z-index: 5;
      max-height: none;
      margin: 0 -12px 18px;
      overflow: visible;
    }

    .fourready-terms-nav {
      border-radius: 20px;
      padding: 14px;
    }

    .fourready-terms-nav__title {
      margin: 0 4px 12px;
    }

    .fourready-terms-nav__links {
      display: flex;
      gap: 6px;
      overflow-x: auto;
      padding-bottom: 4px;
      scrollbar-width: thin;
    }

    .fourready-terms-nav__link {
      flex: 0 0 auto;
      display: grid !important;
      grid-template-columns: 30px auto;
      min-height: 0 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 7px 12px 7px 8px;
      white-space: nowrap;
      background: #fff;
      border: 1px solid #dce4ec;
      box-shadow: none;
      text-decoration: none !important;
    }

    .fourready-terms-nav__link span {
      width: 28px;
      min-width: 28px;
      height: 28px;
      border-radius: 10px;
      font-size: 12px;
    }

    .fourready-terms-nav__link:hover {
      transform: none;
      border-color: #cddfeb;
      box-shadow: 0 8px 18px rgba(13, 35, 68, 0.045);
    }

    .fourready-terms-nav__link.is-active {
      color: #ffffff;
      background: linear-gradient(135deg, #176fbd 0%, #0f59a4 100%);
      border-color: #0f59a4;
      box-shadow: 0 10px 22px rgba(15, 89, 164, 0.14);
      transform: none;
    }

    .fourready-terms-content {
      padding: 26px 18px 36px;
    }

    .fourready-terms-content h2,
    .fourready-terms-content h3,
    .fourready-terms-content h4 {
      scroll-margin-top: 118px;
    }

    .fourready-terms-content h3 {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .fourready-terms-content h3::before {
      left: 0;
    }
  }

  @media (max-width: 560px) {
    .page-title:not(.color-scheme-light) .entry-title.title,
    .wd-page-title:not(.color-scheme-light) .entry-title.title,
    .title-size-default:not(.color-scheme-light) .entry-title.title,
    .page-title:not(.color-scheme-light) h1,
    .wd-page-title:not(.color-scheme-light) h1,
    .title-size-default:not(.color-scheme-light) h1 {
      padding-top: 36px;
      font-size: 28px !important;
    }

    .page-title:not(.color-scheme-light) .entry-title.title::before,
    .wd-page-title:not(.color-scheme-light) .entry-title.title::before,
    .title-size-default:not(.color-scheme-light) .entry-title.title::before,
    .page-title:not(.color-scheme-light) h1::before,
    .wd-page-title:not(.color-scheme-light) h1::before,
    .title-size-default:not(.color-scheme-light) h1::before {
      gap: 12px;
      margin-bottom: 22px;
      padding-left: 56px;
      font-size: 13px;
    }

    .page-title:not(.color-scheme-light) .entry-title.title::after,
    .wd-page-title:not(.color-scheme-light) .entry-title.title::after,
    .title-size-default:not(.color-scheme-light) .entry-title.title::after,
    .page-title:not(.color-scheme-light) h1::after,
    .wd-page-title:not(.color-scheme-light) h1::after,
    .title-size-default:not(.color-scheme-light) h1::after {
      top: 0.45em;
      width: 44px;
      height: 4px;
    }

    .page-title .breadcrumbs,
    .page-title .woocommerce-breadcrumb,
    .page-title .wd-breadcrumbs,
    .breadcrumbs,
    .woocommerce-breadcrumb,
    .wd-breadcrumbs {
      gap: 8px;
      margin-top: 10px;
      padding: 7px 12px;
      font-size: 12px;
    }

    .fourready-terms-page {
      width: 100%;
    }

    .fourready-terms-hero p {
      font-size: 16px;
    }

    .fourready-terms-content p,
    .fourready-terms-content li {
      font-size: 15px;
    }
  }
/* Uvodni slovo */


.wd-page-content.main-page-wrapper {
    background:
        linear-gradient(180deg, rgba(13, 35, 68, 0.04), transparent 360px),
        #f6f9fb;
}

.fourready-intro-hero,
.fourready-intro-content,
.fourready-next-step {
    --fourready-ink: #111827;
    --fourready-muted: #5b6574;
    --fourready-line: #dce4ec;
    --fourready-white: #ffffff;
    --fourready-blue: #0f59a4;
    --fourready-blue-deep: #0d2344;
    --fourready-cyan: #46c2dc;
    --fourready-green: #75ba42;
    --fourready-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
    color: #111827;
}

.fourready-intro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
    gap: 56px;
    align-items: center;
    padding: 72px 0 56px;
}

.fourready-intro-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #0f59a4;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.fourready-intro-eyebrow:before {
    content: "";
    width: 34px;
    height: 3px;
    border-radius: 20px;
    background: #75ba42;
}

.fourready-intro-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #0d2344;
    font-size: clamp(38px, 6vw, 72px);
    line-height: 0.98;
    letter-spacing: 0;
}

.fourready-intro-lead {
    max-width: 650px;
    margin: 24px 0 0;
    color: #354154;
    font-size: 19px;
    line-height: 1.65;
}

.fourready-intro-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.fourready-intro-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 20px;
    font-weight: 800;
    text-decoration: none;
}

.fourready-intro-button.btn {
    min-height: 48px;
    padding: 7px 7px 7px 24px;
}
.mc4wp-form  .wd-col {
    position: relative;
}
.mc4wp-form .wd-col-submit {
    position: absolute;
}
.mc4wp-form .wd-col-submit {
    position: absolute;
    right: 0;
    top: 0;
}
.mc4wp-form .wd-col-submit .btn {
    border-radius: 35px;
    background: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
        padding-right: 5px;
}
.mc4wp-form .wd-col-submit .btn:hover {
    background: transparent;
    box-shadow: none;
}
.mc4wp-form .wd-col-submit .wd-btn-text {
   display: none; 
}
.wd-col-submit .btn .dot-box {
    margin-left: 0px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px; 
}
.fourready-intro-button.btn .dot-box,
.fourready-next-step__button.btn .dot-box {
    flex: 0 0 40px;
}

.fourready-intro-button--secondary.btn.btn-style-default.btn-color-primary:not(.btn-icon) {
    color: #0d2344;
    border: 1px solid #dce4ec;
    background: #fff;
    box-shadow: 0 12px 26px rgba(13, 35, 68, 0.08);
}

.fourready-intro-button--secondary.btn.btn-style-default.btn-color-primary:not(.btn-icon):before {
    background-color: #121310;
}

.fourready-intro-button--secondary.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover {
    color: #fff;
    border-color: #121310;
    background: #fff;
}

.fourready-founder-card {
    position: relative;
    margin: 0;
    padding: 22px;
    border: 1px solid #dce4ec;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
}

.fourready-founder-card:before {
    content: "";
    position: absolute;
    inset: 18px 18px auto auto;
    width: 72px;
    height: 72px;
    border-top: 5px solid #75ba42;
    border-right: 5px solid #46c2dc;
    border-radius: 20px;
}

.fourready-founder-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
    filter: saturate(0.94) contrast(1.04);
}

.fourready-founder-card__caption {
    display: grid;
    gap: 3px;
    padding-top: 18px;
}

.fourready-founder-card strong {
    color: #0d2344;
    font-size: 20px;
}

.fourready-founder-card span {
    color: #5b6574;
    font-weight: 600;
}

.fourready-intro-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 44px;
    align-items: start;
    padding: 0 0 72px;
}

.fourready-letter {
    padding: clamp(14px, 4vw, 38px);
    border: 1px solid #dce4ec;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 45px rgba(13, 35, 68, 0.08);
}
.fourready-text-box {
    padding: clamp(14px, 4vw, 38px);
    border: 1px solid #dce4ec;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 45px rgba(13, 35, 68, 0.08); 
}
.fourready-text-box h2,
.fourready-letter h2,
.fourready-next-step h2 {
    margin: 0 0 18px;
    color: #0d2344;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.1;
    letter-spacing: 0;
}
.fourready-text-box p,
.fourready-letter p {
    margin: 0 0 20px;
    color: #303a4c;
    font-size: 17px;
    line-height: 1.65;
}
.fourready-text-box p:last-child,
.fourready-letter p:last-child {
    margin-bottom: 0;
}

.fourready-product-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 30px 0;
}

.fourready-product-pill {
    min-height: 130px;
    padding: 18px;
    border: 1px solid #d6e7f2;
    border-radius: 20px;
    background: #f2f8fc;
}

.fourready-product-pill b {
    display: block;
    margin-bottom: 10px;
    color: #0f59a4;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.fourready-product-pill strong {
    display: block;
    margin-bottom: 6px;
    color: #0d2344;
    font-size: 22px;
    line-height: 1.1;
}

.fourready-product-pill span {
    color: #5b6574;
    font-size: 14px;
    font-weight: 700;
}

.fourready-side-panel {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 104px;
}

.fourready-fact-box {
    padding: 24px;
    border-radius: 20px;
    color: #ffffff;
    background: #0d2344;
    box-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
    background: #0d59a4;
        border: 1px solid #d6e7f2;
}
.fourready-fact-box h3 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
}

.fourready-fact-box ul {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fourready-fact-box li {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
    color: rgba(255, 255, 255, 0.86);
    font-size: 15px;
    line-height: 1.55;
}

.fourready-fact-box li:before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 20px;
    background: #75ba42;
    box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.28);
}

.fourready-note-box {
    padding: 22px;
    border: 1px solid #dce4ec;
    border-left: 5px solid #75ba42;
    border-radius: 20px;
    color: #5b6574;
    background: #ffffff;
    font-weight: 650;
    line-height: 1.6;
}

.fourready-next-step {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: 80px;
    padding: 38px 42px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
    color: #ffffff;
    background:
        radial-gradient(circle at 82% 10%, rgba(117, 186, 66, 0.2), rgba(117, 186, 66, 0) 34%),
        radial-gradient(circle at 28% 100%, rgba(70, 194, 220, 0.16), rgba(70, 194, 220, 0) 38%),
        linear-gradient(145deg, #176fbd 0%, #0f59a4 48%, #0b4f92 100%);
    box-shadow: 0 24px 72px rgba(13, 35, 68, 0.18);
}

.fourready-next-step::before,
.fourready-next-step::after {
    content: "";
    position: absolute;
    right: clamp(28px, 6vw, 92px);
    z-index: -1;
    width: 74px;
    height: 74px;
    border-right: 16px solid rgba(255, 255, 255, 0.14);
    border-bottom: 16px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    transform: rotate(45deg);
}

.fourready-next-step::before {
    top: 26px;
}

.fourready-next-step::after {
    bottom: -42px;
}

.fourready-next-step__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
}

.fourready-next-step h2 {
    color: #ffffff;
}

.fourready-next-step p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 17px;
    line-height: 1.65;
}

.fourready-next-step__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    color: #ffffff;
    background: #d9623d;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 16px 34px rgba(217, 98, 61, 0.28);
}

.fourready-next-step__button.btn.btn-style-default.btn-color-primary:not(.btn-icon) {
    padding: 7px 7px 7px 24px;
    color: #ffffff;
    background: #d9623d;
}

.fourready-next-step__button:hover {
    color: #fff;
    background: #75ba42;
    box-shadow: 0 20px 42px rgba(117, 186, 66, 0.32);
}

.fourready-next-step__button.btn.btn-style-default.btn-color-primary:not(.btn-icon):before {
    background-color: #75ba42;
}

.fourready-next-step__button.btn .dot-box {
    background: #121310;
}

@media (max-width: 900px) {
    .fourready-intro-hero,
    .fourready-intro-content,
    .fourready-next-step__inner {
        grid-template-columns: 1fr;
    }

    .fourready-founder-card {
        max-width: 420px;
    }

    .fourready-side-panel {
        position: static;
    }
}

@media (max-width: 650px) {
    .fourready-intro-hero {
        gap: 30px;
        padding: 42px 0 36px;
    }

    .fourready-intro-hero h1 {
        font-size: clamp(36px, 10vw, 42px);
    }

    .fourready-intro-lead {
        font-size: 17px;
    }

    .fourready-product-strip {
        grid-template-columns: 1fr;
    }

    .fourready-letter {
        padding: 22px;
    }

    .fourready-next-step {
        padding: 24px;
        margin-bottom: 42px;
        border-radius: 22px;
    }

    .fourready-next-step::before,
    .fourready-next-step::after {
        opacity: 0.45;
    }
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 44px;
    align-items: start;
    padding: 72px 0 80px;
    color: #111827;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)):before {
    content: "Připravenost, která dává rodině klid.";
    grid-column: 1 / -1;
    max-width: 760px;
    margin-bottom: -16px;
    color: #0d2344;
    font-size: clamp(38px, 6vw, 72px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p,
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > blockquote {
    grid-column: 1;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p {
    margin: 0 0 20px;
    color: #303a4c;
    font-size: 17px;
    line-height: 1.65;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:first-child {
    margin: 0;
    color: #0d2344;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 700;
    line-height: 1.1;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:first-child:before {
    content: "Osobní slovo zakladatele";
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #0f59a4;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:first-child:after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    margin-top: -70px;
    margin-bottom: 67px;
    border-radius: 20px;
    background: #75ba42;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(2),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(3),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(4),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(5),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > blockquote {
    padding-right: clamp(24px, 4vw, 48px);
    padding-left: clamp(24px, 4vw, 48px);
    background: #fff;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(2) {
    padding-top: clamp(24px, 4vw, 48px);
    border-top: 1px solid #dce4ec;
    border-right: 1px solid #dce4ec;
    border-left: 1px solid #dce4ec;
    border-radius: 20px;
    box-shadow: 0 16px 45px rgba(13, 35, 68, 0.08);
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(3),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(4) {
    border-right: 1px solid #dce4ec;
    border-left: 1px solid #dce4ec;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(5) {
    padding-bottom: clamp(24px, 4vw, 48px);
    border-right: 1px solid #dce4ec;
    border-bottom: 1px solid #dce4ec;
    border-left: 1px solid #dce4ec;
    border-radius: 20px;
    box-shadow: 0 16px 45px rgba(13, 35, 68, 0.08);
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > blockquote {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    border-right: 1px solid #dce4ec;
    border-left: 1px solid #dce4ec;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) blockquote ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 10px 0 24px;
    padding: 0;
    list-style: none;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) blockquote li {
    min-height: 130px;
    margin: 0;
    padding: 18px;
    border: 1px solid #d6e7f2;
    border-radius: 20px;
    color: #5b6574;
    background: #f2f8fc;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(7),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(8) {
    grid-column: 2;
    margin: 0;
    background: #fff;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6) {
    grid-row: 2 / span 3;
    position: sticky;
    top: 104px;
    padding: 22px 22px 86px;
    border: 1px solid #dce4ec;
    border-radius: 20px;
    box-shadow: 0 22px 70px rgba(13, 35, 68, 0.14);
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6):before {
    content: "";
    position: absolute;
    inset: 18px 18px auto auto;
    width: 72px;
    height: 72px;
    border-top: 5px solid #75ba42;
    border-right: 5px solid #46c2dc;
    border-radius: 20px;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6) img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
    filter: saturate(0.94) contrast(1.04);
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(7),
.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(8) {
    position: relative;
    z-index: 1;
    align-self: end;
    margin-top: -90px;
    padding: 0 44px;
    color: #0d2344;
    font-weight: 700;
}

.page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(8) {
    align-self: start;
    margin-top: -54px;
    padding-bottom: 22px;
    color: #5b6574;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) {
        grid-template-columns: 1fr;
    }

    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6),
    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(7),
    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(8) {
        grid-column: 1;
        max-width: 420px;
    }

    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) > p:nth-of-type(6) {
        grid-row: auto;
        position: static;
    }
}

@media (max-width: 650px) {
    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) {
        padding: 42px 0;
    }

    .page-id-2926 article.entry-content:not(:has(.fourready-intro-hero)) blockquote ul {
        grid-template-columns: 1fr;
    }
}


/* =========================================================================
   4ready – styl kontaktního formuláře
   Vzhled podle přílohy, barvy z webu (modrá #0f5fa8 / navy #0d2344).
   Funguje pro Elementor Form, Contact Form 7 i WPForms.

   KAM VLOŽIT:
   - Elementor:  Šablony / Theme Builder nebo Stránka → záložka Pokročilé → Vlastní CSS
   - Nebo:       Vzhled → Přizpůsobit → Doplňkové CSS  (Customizer)
   - Nebo:       na konec souboru style.css aktivního motivu

   POZNÁMKA: Pravidla jsou cílená na kontejnery formulářů (.elementor-form,
   .wpcf7-form, .wpforms-form). Pokud máte stejný typ formuláře i jinde
   (např. newsletter) a nechcete ho měnit, předřaďte selektorům třídu
   stránky kontaktu, např.  .page-id-XX  (ID najdete v adrese editoru stránky).
   ========================================================================= */

:root {
  --cf-blue:        #0f5fa8;   /* hlavní modrá z webu */
  --cf-blue-dark:   #0d4f8f;   /* tmavší modrá pro hover */
  --cf-navy:        #0d2344;   /* tmavě modré popisky a nadpis */
  --cf-field-bg:    #f2f8fc;   /* světlé pozadí polí (z webu) */
  --cf-field-bd:    #d6e7f2;   /* jemný okraj polí (z webu) */
  --cf-required:    #d9623d;   /* oranžová hvězdička (z webu) */
  --cf-radius:      14px;      /* zaoblení polí */
}

/* společný kontejner – sjednocení mezer */
.elementor-form .elementor-form-fields-wrapper,
.wpcf7-form .wpcf7-form-control-wrap,
.wpforms-form .wpforms-field { }

/* ---------- POPISKY (labels) ---------- */
.elementor-form .elementor-field-label,
.wpcf7-form label,
.wpforms-form .wpforms-field-label {
  color: var(--cf-navy) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .2px;
  margin-bottom: 8px !important;
  display: inline-block;
}

/* povinná hvězdička */
.elementor-form .elementor-mark-required .elementor-field-label:after,
.wpcf7-form .wpcf7-not-valid-tip,
.wpforms-form .wpforms-required-label {
  color: var(--cf-required) !important;
}

/* ---------- POLE (input / select / textarea) ---------- */
.elementor-form .elementor-field-group .elementor-field,
.elementor-form input[type="text"],
.elementor-form input[type="email"],
.elementor-form input[type="tel"],
.elementor-form input[type="url"],
.elementor-form textarea,
.elementor-form select,
.wpcf7-form input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7-form textarea.wpcf7-form-control,
.wpcf7-form select.wpcf7-form-control,
.wpforms-form input.wpforms-field-medium,
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
  width: 100% !important;
  background-color: var(--cf-field-bg) !important;
  border: 1px solid var(--cf-field-bd) !important;
  border-radius: var(--cf-radius) !important;
  color: var(--cf-navy) !important;
  font-size: 16px !important;
  padding: 14px 16px 14px 46px !important;  /* místo pro ikonu vlevo */
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;

  /* ikona uvnitř pole */
  background-repeat: no-repeat !important;
  background-position: 16px center !important;
  background-size: 20px 20px !important;
}

/* placeholder */
.elementor-form ::placeholder,
.wpcf7-form ::placeholder,
.wpforms-form ::placeholder { color: #8a98ab !important; opacity: 1; }

/* focus stav v modré barvě webu */
.elementor-form .elementor-field:focus,
.elementor-form input:focus,
.elementor-form textarea:focus,
.elementor-form select:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
  border-color: var(--cf-blue) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(15, 95, 168, .15) !important;
  outline: none !important;
}

/* textarea – ikona nahoře, vyšší pole */
.elementor-form textarea,
.wpcf7-form textarea,
.wpforms-form textarea {
  min-height: 140px !important;
  background-position: 16px 16px !important;
  resize: vertical;
}

/* ---------- IKONY PODLE TYPU POLE ---------- */
/* jméno / příjmení (text) – panáček */
.elementor-form input[type="text"],
.wpcf7-form input[type="text"],
.wpforms-form input[type="text"] {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235b6574%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E") !important;
}
/* telefon */
.elementor-form input[type="tel"],
.wpcf7-form input[type="tel"],
.wpforms-form input[type="tel"],
.elementor-form input[name*="phone" i],
.elementor-form input[name*="tel" i],
.elementor-form input[name*="telefon" i],
.wpcf7-form input[name*="phone" i],
.wpcf7-form input[name*="tel" i],
.wpcf7-form input[name*="telefon" i],
.wpforms-form input[name*="phone" i],
.wpforms-form input[name*="tel" i],
.wpforms-form input[name*="telefon" i] {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235b6574%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E") !important;
}
/* email */
.elementor-form input[type="email"],
.wpcf7-form input[type="email"],
.wpforms-form input[type="email"],
.elementor-form input[name*="email" i],
.elementor-form input[name*="mail" i],
.wpcf7-form input[name*="email" i],
.wpcf7-form input[name*="mail" i],
.wpcf7-form input.wpcf7-validates-as-email,
.wpforms-form input[name*="email" i],
.wpforms-form input[name*="mail" i] {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235b6574%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2720%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-10%207L2%207%27%2F%3E%3C%2Fsvg%3E") !important;
}
/* zpráva (textarea) – bublina */
.elementor-form textarea,
.wpcf7-form textarea,
.wpforms-form textarea {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235b6574%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%27%2F%3E%3C%2Fsvg%3E") !important;
}

/* ---------- TLAČÍTKO ODESLAT ---------- */
.elementor-form button[type="submit"],
.elementor-form .elementor-button,
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"],
.wpforms-form button[type="submit"],
.wpforms-form input[type="submit"] {
  background: var(--cf-blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  border: none !important;
  border-radius: 999px !important;      /* pilulka */
  padding: 15px 40px !important;
  min-width: 180px; 
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 95, 168, .25) !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.elementor-form button[type="submit"]:hover,
.elementor-form .elementor-button:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover,
.wpforms-form button[type="submit"]:hover,
.wpforms-form input[type="submit"]:hover {
  background: var(--cf-blue-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(15, 95, 168, .32) !important;
}

/* ---------- ROZESTUPY MEZI POLI ---------- */
.elementor-form .elementor-field-group { margin-bottom: 6px; }
.wpcf7-form p { margin-bottom: 14px; }
.wpforms-form .wpforms-field { padding: 8px 0 !important; }

/* 4ready contact information block */
.fr-contact-card {
  --fr-contact-navy: #0d2344;
  --fr-contact-blue: #0f59a4;
  --fr-contact-blue-soft: #f2f8fc;
  --fr-contact-line: #dce8f3;
  --fr-contact-muted: #748295;
  --fr-contact-green: #75ba42;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  gap: 22px;
  overflow: hidden;
  width: 100%;
  padding: clamp(22px, 3.2vw, 38px);
  color: var(--fr-contact-navy);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 88% 12%, rgba(70, 194, 220, .14), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 249, 251, .94));
  border: 1px solid var(--fr-contact-line);
  border-radius: 22px;
  box-shadow: 0 22px 56px rgba(13, 35, 68, .1);
}

.fr-contact-card,
.fr-contact-card * {
  box-sizing: border-box;
}

.fr-contact-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: -1;
  height: 4px;
  background: linear-gradient(90deg, var(--fr-contact-navy), var(--fr-contact-blue), rgba(117, 186, 66, .9));
  opacity: .7;
}

.fr-contact-card::after {
  content: "";
  position: absolute;
  right: clamp(22px, 4vw, 58px);
  bottom: -34px;
  z-index: -1;
  width: 92px;
  height: 92px;
  border-right: 18px solid rgba(15, 89, 164, .08);
  border-bottom: 18px solid rgba(15, 89, 164, .08);
  border-radius: 12px;
  transform: rotate(45deg);
}

.fr-contact-card__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(6px, 1.5vw, 12px);
}

.fr-contact-card__eyebrow {
  margin: 0 0 14px;
  color: var(--fr-contact-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .24em;
  line-height: 1.3;
  text-transform: uppercase;
}

.fr-contact-card h2 {
  max-width: 560px;
  margin: 0;
  color: var(--fr-contact-navy);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.fr-contact-card h2 strong {
  color: var(--fr-contact-blue);
  font-weight: 800;
}

.fr-contact-card__lead {
  max-width: 520px;
  margin: 20px 0 0;
  color: var(--fr-contact-muted);
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.62;
}

.fr-contact-card__actions {
  display: grid;
  gap: 12px;
  margin-top: 30px;
  max-width: 430px;
}

.fr-contact-card__button {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 13px 18px 13px 14px;
  color: var(--fr-contact-navy);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--fr-contact-line);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(13, 35, 68, .055);
  transition: border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
}

.fr-contact-card__button:hover {
  color: var(--fr-contact-navy);
  border-color: rgba(15, 89, 164, .24);
  box-shadow: 0 16px 34px rgba(13, 35, 68, .09);
  transform: translateY(-2px);
}

.fr-contact-card__button-icon,
.fr-contact-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fr-contact-blue);
  background: var(--fr-contact-blue-soft);
  border-radius: 999px;
}

.fr-contact-card__button-icon {
  width: 46px;
  height: 46px;
}

.fr-contact-card__button-icon svg,
.fr-contact-card__icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.fr-contact-card__button small,
.fr-contact-card__item small {
  display: block;
  color: var(--fr-contact-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.fr-contact-card__button b {
  display: block;
  margin-top: 4px;
  color: inherit;
  font-size: clamp(18px, 1.25vw, 22px);
  font-weight: 800;
  line-height: 1.2;
}

.fr-contact-card__button--phone .fr-contact-card__button-icon {
  color: #fff;
  background: var(--fr-contact-blue);
  box-shadow: 0 12px 24px rgba(15, 89, 164, .22);
}

.fr-contact-card__button--mail .fr-contact-card__button-icon {
  color: #fff;
  background: var(--fr-contact-blue);
  box-shadow: 0 12px 24px rgba(15, 89, 164, .22);
}

.fr-contact-card__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 14px;
  min-width: 0;
}

.fr-contact-card__item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--fr-contact-line);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(13, 35, 68, .04);
}

.fr-contact-card__item--wide {
  grid-column: 1 / -1;
}

.fr-contact-card__icon {
  width: 44px;
  height: 44px;
}

.fr-contact-card__item strong {
  display: block;
  margin-top: 5px;
  color: var(--fr-contact-navy);
  font-size: clamp(18px, 1.2vw, 22px);
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.fr-contact-card__item p {
  margin: 8px 0 0;
  color: var(--fr-contact-muted);
  font-size: 15.5px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .fr-contact-card {
    grid-template-columns: 1fr;
  }

  .fr-contact-card__actions {
    max-width: none;
  }
}

@container (max-width: 780px) {
  .fr-contact-card__actions {
    max-width: none;
  }

  .fr-contact-card__details {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .fr-contact-card {
    padding: 22px;
    border-radius: 18px;
  }

  .fr-contact-card__details {
    grid-template-columns: 1fr;
  }

  .fr-contact-card__button,
  .fr-contact-card__item {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 18px;
  }

  .fr-contact-card__button-icon,
  .fr-contact-card__icon {
    width: 40px;
    height: 40px;
  }
}

#kontakt-mapa {
  --fr-contact-navy: #0d2344;
  --fr-contact-blue: #0f59a4;
  --fr-contact-line: #dfeaf4;
  --fr-contact-muted: #748295;
  --fr-contact-soft: #f4f8fb;
  position: relative;
  z-index: 8;
  --width: min(520px, calc(100vw - 40px));
  --container-max-width: 520px;
  flex: 0 0 auto;
  align-self: flex-start;
  width: var(--width);
  max-width: 520px;
  min-width: min(320px, calc(100vw - 40px));
  margin: clamp(24px, 3vw, 44px) 0 clamp(24px, 3vw, 44px) clamp(18px, 4vw, 58px);
  color: var(--fr-contact-navy);
}

#kontakt-mapa > .e-con-inner {
  width: 100%;
  max-width: none;
  padding: 0;
  gap: 0;
}

#kontakt-mapa .elementor-widget,
#kontakt-mapa .elementor-widget-container,
#kontakt-mapa .title-wrapper,
#kontakt-mapa .wd-text-block {
  margin: 0;
  text-align: left;
}

#kontakt-mapa .wd_title,
#kontakt-mapa .wd-title,
#kontakt-mapa .woodmart-title-container,
#kontakt-mapa .title-wrapper {
  display: none;
}

#kontakt-mapa .fr-contact-card {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: clamp(28px, 3vw, 42px);
  color: var(--fr-contact-navy);
  background:
    radial-gradient(circle at 88% 8%, rgba(15, 89, 164, .08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 251, 253, .96));
  border: 1px solid var(--fr-contact-line);
  border-radius: 28px;
  box-shadow: 0 24px 64px rgba(13, 35, 68, .14);
}

#kontakt-mapa .fr-contact-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--fr-contact-navy), var(--fr-contact-blue), #75ba42);
  opacity: .7;
}

#kontakt-mapa .fr-contact-card::after {
  content: none;
}

#kontakt-mapa .fr-contact-card__main {
  display: block;
  padding: 0;
}

#kontakt-mapa .fr-contact-card h2 {
  display: block;
  max-width: 100%;
  margin: 0 0 22px;
  color: var(--fr-contact-navy);
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.05;
}

#kontakt-mapa .fr-contact-card h2 strong {
  color: var(--fr-contact-blue);
  font-weight: 800;
}

#kontakt-mapa .fr-contact-card__eyebrow {
  margin: 0 0 12px;
  color: var(--fr-contact-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  line-height: 1.25;
  text-transform: uppercase;
}

#kontakt-mapa .fr-contact-card__lead {
  max-width: none;
  margin: 0;
  color: var(--fr-contact-muted);
  font-size: 17px;
  line-height: 1.6;
}

#kontakt-mapa .fr-contact-card__actions,
#kontakt-mapa .fr-contact-card__details {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: none;
}

#kontakt-mapa .fr-contact-card__actions {
  margin: 26px 0 0;
}

#kontakt-mapa .fr-contact-card__details {
  margin: 18px 0 0;
}

#kontakt-mapa .fr-contact-card__button,
#kontakt-mapa .fr-contact-card__item {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  width: 100%;
  height: auto;
  min-height: 72px;
  max-height: none;
  padding: 14px 18px 14px 14px;
  color: var(--fr-contact-navy);
  text-align: left;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--fr-contact-line);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(13, 35, 68, .055);
}

#kontakt-mapa .fr-contact-card__button:hover {
  color: var(--fr-contact-navy);
  border-color: rgba(15, 89, 164, .26);
  box-shadow: 0 16px 36px rgba(13, 35, 68, .095);
  transform: translateY(-2px);
}

#kontakt-mapa .fr-contact-card__button-icon,
#kontakt-mapa .fr-contact-card__icon {
  position: static;
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: var(--fr-contact-blue);
  background: var(--fr-contact-soft);
  border-radius: 999px;
  box-shadow: none;
}

#kontakt-mapa .fr-contact-card__button-icon svg,
#kontakt-mapa .fr-contact-card__icon svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#kontakt-mapa .fr-contact-card__button > span:not(.fr-contact-card__button-icon),
#kontakt-mapa .fr-contact-card__item > div {
  position: static;
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0;
}

#kontakt-mapa .fr-contact-card__button small,
#kontakt-mapa .fr-contact-card__item small {
  display: block;
  margin: 0;
  color: var(--fr-contact-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.25;
  text-align: left;
  text-transform: uppercase;
}

#kontakt-mapa .fr-contact-card__button b,
#kontakt-mapa .fr-contact-card__item strong {
  display: block;
  margin: 5px 0 0;
  color: var(--fr-contact-navy);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.22;
  text-align: left;
  overflow-wrap: normal;
  word-break: normal;
}

#kontakt-mapa .fr-contact-card__button b {
  white-space: nowrap;
}

#kontakt-mapa .fr-contact-card__item p {
  margin: 6px 0 0;
  color: var(--fr-contact-muted);
  font-size: 14.5px;
  line-height: 1.45;
  text-align: left;
}

#kontakt-mapa .fr-contact-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #kontakt-mapa {
    --width: calc(100vw - 30px);
    --container-max-width: none;
    width: var(--width);
    min-width: 0;
    max-width: none;
    margin: 22px auto;
  }

  #kontakt-mapa .fr-contact-card {
    padding: 24px 20px;
    border-radius: 22px;
  }

  #kontakt-mapa .fr-contact-card h2 {
    font-size: 34px;
  }
}

/* 4ready secondary section title */
.custom-title-2,
.class-custom-title-2 {
  margin: 0 auto 72px;
  max-width: 980px;
  padding-top: 4px;
  text-align: center;
}

.elementor-widget-heading.custom-title-2,
.elementor-widget-heading.class-custom-title-2,
.elementor-element.custom-title-2,
.elementor-element.class-custom-title-2 {
  text-align: center;
}

.custom-title-2 .elementor-heading-title,
.class-custom-title-2 .elementor-heading-title,
.custom-title-2 .wd-title,
.class-custom-title-2 .wd-title,
.custom-title-2 .title,
.class-custom-title-2 .title,
.elementor-widget-heading.custom-title-2 .elementor-heading-title,
.elementor-widget-heading.class-custom-title-2 .elementor-heading-title {
  color: #0d2344;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.custom-title-2 .elementor-heading-title strong,
.custom-title-2 .elementor-heading-title b,
.class-custom-title-2 .elementor-heading-title strong,
.class-custom-title-2 .elementor-heading-title b,
.custom-title-2 .wd-title strong,
.custom-title-2 .wd-title b,
.class-custom-title-2 .wd-title strong,
.class-custom-title-2 .wd-title b,
.custom-title-2 .title strong,
.custom-title-2 .title b,
.class-custom-title-2 .title strong,
.class-custom-title-2 .title b {
  color: #0f59a4;
  font-weight: 800;
}

.custom-title-2::before,
.class-custom-title-2::before {
  content: none;
}

.custom-title-2 .subtitle-style-default.title-subtitle,
.class-custom-title-2 .title-subtitle {
  color: #0f59a4;
  display: block;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .26em;
  line-height: 1.3;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.custom-title-2 .title-wrapper,
.class-custom-title-2 .title-wrapper {
  margin: 0;
}

.custom-title-2 .liner-continer,
.class-custom-title-2 .liner-continer {
  justify-content: center;
  margin: 0;
}

.custom-title-2 .title-after_title,
.class-custom-title-2 .title-after_title,
.custom-title-2 .wd-title-desc,
.class-custom-title-2 .wd-title-desc,
.custom-title-2 .title-wrapper > p,
.class-custom-title-2 .title-wrapper > p {
  letter-spacing: 0;
}

.custom-title-2.fr-title-3d-ready,
.class-custom-title-2.fr-title-3d-ready,
.fr-refs__head.fr-title-3d-ready {
  perspective: 900px;
  transform-style: preserve-3d;
}

.custom-title-2.fr-title-3d-ready .title-subtitle,
.class-custom-title-2.fr-title-3d-ready .title-subtitle,
.custom-title-2.fr-title-3d-ready .elementor-heading-title,
.class-custom-title-2.fr-title-3d-ready .elementor-heading-title,
.custom-title-2.fr-title-3d-ready .wd-title,
.class-custom-title-2.fr-title-3d-ready .wd-title,
.custom-title-2.fr-title-3d-ready .title,
.class-custom-title-2.fr-title-3d-ready .title,
.fr-refs__head.fr-title-3d-ready p,
.fr-refs__head.fr-title-3d-ready h2 {
  opacity: 0;
  transform: translate3d(0, 34px, -90px) rotateX(18deg) scale(.96);
  transform-origin: 50% 100%;
  transition:
    opacity .7s ease,
    text-shadow .8s ease,
    transform .9s cubic-bezier(.18, .78, .25, 1);
  will-change: opacity, transform;
}

.custom-title-2.fr-title-3d-ready .title-subtitle,
.class-custom-title-2.fr-title-3d-ready .title-subtitle,
.fr-refs__head.fr-title-3d-ready p {
  transition-delay: .04s;
}

.custom-title-2.fr-title-3d-visible .title-subtitle,
.class-custom-title-2.fr-title-3d-visible .title-subtitle,
.custom-title-2.fr-title-3d-visible .elementor-heading-title,
.class-custom-title-2.fr-title-3d-visible .elementor-heading-title,
.custom-title-2.fr-title-3d-visible .wd-title,
.class-custom-title-2.fr-title-3d-visible .wd-title,
.custom-title-2.fr-title-3d-visible .title,
.class-custom-title-2.fr-title-3d-visible .title,
.fr-refs__head.fr-title-3d-visible p,
.fr-refs__head.fr-title-3d-visible h2 {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
}

.custom-title-2.fr-title-3d-visible .elementor-heading-title,
.class-custom-title-2.fr-title-3d-visible .elementor-heading-title,
.custom-title-2.fr-title-3d-visible .wd-title,
.class-custom-title-2.fr-title-3d-visible .wd-title,
.custom-title-2.fr-title-3d-visible .title,
.class-custom-title-2.fr-title-3d-visible .title,
.fr-refs__head.fr-title-3d-visible h2 {
  text-shadow: 0 18px 28px rgba(13, 35, 68, .08);
  transition-delay: .12s;
}

.custom-title-2.fr-title-3d-visible .elementor-heading-title strong,
.custom-title-2.fr-title-3d-visible .elementor-heading-title b,
.class-custom-title-2.fr-title-3d-visible .elementor-heading-title strong,
.class-custom-title-2.fr-title-3d-visible .elementor-heading-title b,
.custom-title-2.fr-title-3d-visible .wd-title strong,
.custom-title-2.fr-title-3d-visible .wd-title b,
.class-custom-title-2.fr-title-3d-visible .wd-title strong,
.class-custom-title-2.fr-title-3d-visible .wd-title b,
.custom-title-2.fr-title-3d-visible .title strong,
.custom-title-2.fr-title-3d-visible .title b,
.class-custom-title-2.fr-title-3d-visible .title strong,
.class-custom-title-2.fr-title-3d-visible .title b,
.fr-refs__head.fr-title-3d-visible strong {
  animation: fr-title-blue-glint .9s ease .34s both;
}

@keyframes fr-title-blue-glint {
  0% {
    text-shadow: 0 0 0 rgba(20, 107, 209, 0);
  }

  44% {
    text-shadow: 0 14px 26px rgba(20, 107, 209, .2);
  }

  100% {
    text-shadow: 0 0 0 rgba(20, 107, 209, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .custom-title-2.fr-title-3d-ready .title-subtitle,
  .class-custom-title-2.fr-title-3d-ready .title-subtitle,
  .custom-title-2.fr-title-3d-ready .elementor-heading-title,
  .class-custom-title-2.fr-title-3d-ready .elementor-heading-title,
  .custom-title-2.fr-title-3d-ready .wd-title,
  .class-custom-title-2.fr-title-3d-ready .wd-title,
  .custom-title-2.fr-title-3d-ready .title,
  .class-custom-title-2.fr-title-3d-ready .title,
  .fr-refs__head.fr-title-3d-ready p,
  .fr-refs__head.fr-title-3d-ready h2 {
    opacity: 1;
    text-shadow: none;
    transform: none;
    transition: none;
  }

  .custom-title-2.fr-title-3d-visible .elementor-heading-title strong,
  .custom-title-2.fr-title-3d-visible .elementor-heading-title b,
  .class-custom-title-2.fr-title-3d-visible .elementor-heading-title strong,
  .class-custom-title-2.fr-title-3d-visible .elementor-heading-title b,
  .custom-title-2.fr-title-3d-visible .wd-title strong,
  .custom-title-2.fr-title-3d-visible .wd-title b,
  .class-custom-title-2.fr-title-3d-visible .wd-title strong,
  .class-custom-title-2.fr-title-3d-visible .wd-title b,
  .custom-title-2.fr-title-3d-visible .title strong,
  .custom-title-2.fr-title-3d-visible .title b,
  .class-custom-title-2.fr-title-3d-visible .title strong,
  .class-custom-title-2.fr-title-3d-visible .title b,
  .fr-refs__head.fr-title-3d-visible strong {
    animation: none;
  }
}

@media (max-width: 700px) {
  .custom-title-2,
  .class-custom-title-2 {
    margin-bottom: 38px;
    padding-top: 0;
  }

  .custom-title-2 .elementor-heading-title,
  .class-custom-title-2 .elementor-heading-title,
  .custom-title-2 .wd-title,
  .class-custom-title-2 .wd-title,
  .custom-title-2 .title,
  .class-custom-title-2 .title,
  .elementor-widget-heading.custom-title-2 .elementor-heading-title,
  .elementor-widget-heading.class-custom-title-2 .elementor-heading-title {
    font-size: 34px;
    letter-spacing: -.03em;
  }

  .custom-title-2 .title-subtitle,
  .class-custom-title-2 .title-subtitle {
    font-size: 11px;
    letter-spacing: .2em;
    margin-bottom: 12px;
  }
}

/* 4ready FAQ accordion */
#faq-content .e-n-accordion {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0;
}

#faq-content .e-n-accordion-item {
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid #e7edf4;
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(13, 35, 68, .035);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

#faq-content .e-n-accordion-item:hover {
  border-color: #d6e4f1;
  box-shadow: 0 18px 44px rgba(13, 35, 68, .055);
}

#faq-content .e-n-accordion-item[open],
#faq-content .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"]) {
  border-color: #dce8f3;
  box-shadow: 0 20px 48px rgba(13, 35, 68, .06);
}

#faq-content .e-n-accordion-item .e-n-accordion-item-title {
  min-height: 72px;
  padding: 23px 34px;
  color: #13243a;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 1.1vw, 21px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.28;
}

#faq-content .e-n-accordion-item[open] .e-n-accordion-item-title,
#faq-content .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"]) .e-n-accordion-item-title {
  min-height: 66px;
  padding-bottom: 12px;
}

#faq-content .e-n-accordion-item .e-n-accordion-item-title-icon {
  color: #13243a;
  flex: 0 0 auto;
  font-size: 18px;
  margin-left: 24px;
}

#faq-content .e-n-accordion-item .e-con,
#faq-content .e-n-accordion-item .elementor-widget-text-editor {
  color: #748295;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16px, .98vw, 18px);
  font-weight: 400;
  line-height: 1.62;
}

#faq-content .e-n-accordion-item .elementor-widget-text-editor p {
  margin: 0;
}

@media (max-width: 700px) {
    
    #varianty .promo-banner.wd-with-link .wrapper-content-banner .content-banner {
        padding: 5%;
    }
    #varianty .promo-banner.wd-with-link .wrapper-content-banner .banner-inner {
    top: 20%;
}
    
  #faq-content .e-n-accordion {
    max-width: calc(100% - 30px);
  }

  #faq-content .e-n-accordion-item {
    margin-bottom: 12px;
    border-radius: 14px;
  }

  #faq-content .e-n-accordion-item .e-n-accordion-item-title {
    min-height: 62px;
    padding: 18px 20px;
    font-size: 17px;
  }

  #faq-content .e-n-accordion-item[open] .e-n-accordion-item-title,
  #faq-content .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"]) .e-n-accordion-item-title {
    min-height: 56px;
    padding-bottom: 10px;
  }

  #faq-content .e-n-accordion-item .e-n-accordion-item-title-icon {
    font-size: 16px;
    margin-left: 16px;
  }

  #faq-content .e-n-accordion-item .e-con,
  #faq-content .e-n-accordion-item .elementor-widget-text-editor {
    font-size: 15.5px;
  }
}
.wd-side-hidden.wd-right {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}
@media screen and (min-width: 1024px) {
.cart-widget-side .product_list_widget>li .wd-entities-title {
        font-size: 0.8rem;
}
}
.cart-widget-side .woocommerce-mini-cart__total strong {
     font-size: 1.2rem;
}
.cart-widget-side .woocommerce-mini-cart__buttons .button,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button {
    justify-content: space-between;
    padding-right: 7px;
}
.wd-coupon-form .button {
    padding-right: 7px;
}
/* 4ready FAQ right CTA */
.block-right-faq,
.block-right-faq * {
  box-sizing: border-box;
}
.block-right-faq .fr-faq-cta,
.fr-faq-cta {
  --faq-cta-navy: #0d2344;
  --faq-cta-blue: #0f59a4;
  --faq-cta-blue-light: #176fbd;
  --faq-cta-gold: #91c84a;
  --faq-cta-green: #75ba42;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  min-height: 460px;
  border-radius: 28px;
  padding: 44px 40px 38px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 12%, rgba(117, 186, 66, .18), rgba(117, 186, 66, 0) 34%),
    linear-gradient(145deg, var(--faq-cta-blue-light) 0%, var(--faq-cta-blue) 48%, #0b4f92 100%);
  box-shadow: 0 22px 56px rgba(13, 35, 68, .16);
}
.block-right-faq .fr-faq-cta br {
    display: none;
}
.block-right-faq .fr-faq-cta::before,
.block-right-faq .fr-faq-cta::after,
.fr-faq-cta::before,
.fr-faq-cta::after {
  content: "";
  position: absolute;
  right: 42px;
  z-index: -1;
  width: 78px;
  height: 78px;
  border-right: 18px solid rgba(255, 255, 255, .15);
  border-bottom: 18px solid rgba(255, 255, 255, .15);
  border-radius: 10px;
  transform: rotate(45deg);
}

.block-right-faq .fr-faq-cta::before,
.fr-faq-cta::before {
  bottom: 74px;
}

.block-right-faq .fr-faq-cta::after,
.fr-faq-cta::after {
  bottom: -8px;
}

.block-right-faq .fr-faq-cta__eyebrow,
.fr-faq-cta__eyebrow {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, .72);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .24em;
  line-height: 1.3;
  text-transform: uppercase;
}

.block-right-faq .fr-faq-cta h3,
.fr-faq-cta h3 {
  max-width: 470px;
  margin: 0 0 20px;
  color: #fff;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(22px, 2.1vw, 28px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.3;
}

.block-right-faq .fr-faq-cta h3 strong,
.fr-faq-cta h3 strong {
  display: block;
  color: var(--faq-cta-gold);
  font-weight: 800;
}

.block-right-faq .fr-faq-cta__text,
.fr-faq-cta__text {
  max-width: 440px;
  margin: 0 0 22px;
  color: rgba(255, 255, 255, .86);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16px, 1.15vw, 19px);
  font-weight: 400;
  line-height: 1.58;
}

.block-right-faq .fr-faq-cta__chips,
.fr-faq-cta__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.block-right-faq .fr-faq-cta__chips li,
.fr-faq-cta__chips li {
  margin: 0;
  padding: 7px 12px;
  color: rgba(255, 255, 255, .9);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
}

.block-right-faq .fr-faq-cta__actions,
.fr-faq-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 390px;
}

.block-right-faq .fr-faq-cta__button.btn.btn-style-default.btn-color-primary:not(.btn-icon),
.fr-faq-cta__button.btn.btn-style-default.btn-color-primary:not(.btn-icon) {
  justify-content: space-between;
  min-height: 50px;
/*  min-width: min(100%, 376px);*/
  padding-left: 34px;
}
.block-right-faq .fr-faq-cta__button--green.btn.btn-style-default:hover .dot-box, .fr-faq-cta__button--green.btn.btn-style-default:hover .dot-box {
    background: #91c84a;
}
.block-right-faq .fr-faq-cta__button.btn.btn-style-default.btn-color-primary .wd-btn-text,
.fr-faq-cta__button.btn.btn-style-default.btn-color-primary .wd-btn-text {
  min-width: 0;
}

.block-right-faq .fr-faq-cta__button.btn.btn-style-default.btn-color-primary .dot-box,
.fr-faq-cta__button.btn.btn-style-default.btn-color-primary .dot-box {
  flex: 0 0 40px;
}

.block-right-faq .fr-faq-cta__button--green.btn.btn-style-default,
.fr-faq-cta__button--green.btn.btn-style-default {
  background: var(--faq-cta-gold);
  color: var(--faq-cta-navy);
  box-shadow: 0 16px 34px rgba(117, 186, 66, .28);
}

.block-right-faq .fr-faq-cta__button--green.btn.btn-style-default:hover,
.fr-faq-cta__button--green.btn.btn-style-default:hover {
  color: #fff;
  box-shadow: 0 20px 42px rgba(117, 186, 66, .34);
}

.block-right-faq .fr-faq-cta__note,
.fr-faq-cta__note {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .68);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 1024px) {
  .block-right-faq .fr-faq-cta,
  .fr-faq-cta {
    min-height: 0;
    border-radius: 26px;
    padding: 38px 32px;
  }

  .block-right-faq .fr-faq-cta h3,
  .fr-faq-cta h3 {
    font-size: clamp(32px, 4.6vw, 44px);
  }

  .block-right-faq .fr-faq-cta__text,
  .fr-faq-cta__text {
    margin-bottom: 22px;
    font-size: 17px;
  }
}

@media (max-width: 700px) {
  .block-right-faq .fr-faq-cta,
  .fr-faq-cta {
    border-radius: 22px;
    padding: 30px 22px;
  }

  .block-right-faq .fr-faq-cta::before,
  .block-right-faq .fr-faq-cta::after,
  .fr-faq-cta::before,
  .fr-faq-cta::after {
    right: 28px;
    width: 62px;
    height: 62px;
    border-width: 14px;
  }

  .block-right-faq .fr-faq-cta h3,
  .fr-faq-cta h3 {
    margin-bottom: 16px;
    font-size: 30px;
  }

  .block-right-faq .fr-faq-cta__text,
  .fr-faq-cta__text {
    margin-bottom: 28px;
    font-size: 16.5px;
    line-height: 1.55;
  }

  .block-right-faq .fr-faq-cta__button.btn.btn-style-default.btn-color-primary:not(.btn-icon),
  .fr-faq-cta__button.btn.btn-style-default.btn-color-primary:not(.btn-icon) {
    min-height: 58px;
    min-width: 100%;
    padding-left: 22px;
  }
}

/* 4ready homepage references carousel */
.fr-refs {
  --navy: #0d2344;
  --blue: #0f59a4;
  --gold: #ffb400;
  --ink: #13243a;
  --muted: #748295;
  --line: #e7edf4;
  color: var(--ink);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 0;
  position: relative;
  width: 100%;
}

.fr-refs,
.fr-refs * {
  box-sizing: border-box;
}

.fr-refs__inner {
  margin: 0 auto;
  max-width: var(--content-width, min(100%, calc(1660px - 30px)));
  padding: 58px 15px 96px;
  width: 100%;
}

.fr-refs__head {
  margin: 0 auto 72px;
  max-width: 820px;
  text-align: center;
}

.fr-refs__head p {
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .26em;
  line-height: 1.3;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.fr-refs__head h2 {
  color: var(--navy);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: 0;
}

.fr-refs__head strong {
  color: var(--blue);
  font-weight: 800;
}

.fr-refs__carousel {
  margin: 0 auto;
  max-width: var(--content-width, min(100%, calc(1660px - 30px)));
  padding-left: 66px;
  padding-right: 66px;
  position: relative;
}

.fr-refs__carousel,
.fr-refs__grid,
.fr-refs--carousel .owl-stage-outer,
.fr-refs--carousel .owl-stage,
.fr-refs--carousel .owl-item {
  background: transparent;
}

.fr-refs__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
}

.fr-refs--carousel .fr-refs__carousel {
  display: block;
  position: relative;
}

.fr-refs--carousel .fr-refs__grid {
  grid-auto-columns: calc((100% - 72px) / 3.5);
  grid-auto-flow: column;
  grid-template-columns: none;
  overflow-x: auto;
  padding: 0;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.fr-refs--carousel .fr-refs__grid::-webkit-scrollbar {
  display: none;
}

.fr-refs--carousel .fr-refs__grid.owl-loaded {
  display: block;
  overflow: visible;
  padding: 0;
}

.fr-refs--carousel .fr-refs__grid,
.fr-refs--carousel .owl-stage-outer {
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 170px), rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 170px), rgba(0, 0, 0, 0) 100%);
  mask-size: 100% 100%;
}

.fr-refs--carousel .owl-stage {
  display: flex;
}

.fr-refs--carousel .owl-item {
  display: flex;
}

.fr-refs--carousel .owl-item .fr-ref {
  height: 100%;
  width: 100%;
}

.fr-refs--carousel .owl-dots,
.fr-refs--carousel .owl-nav {
  display: none;
}

.fr-refs--carousel .fr-ref {
  scroll-snap-align: start;
}

.fr-refs .fr-refs__nav {
  align-items: center;
  appearance: none;
  background: var(--blue);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 16px 38px rgba(15, 89, 164, .34);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 38px;
  height: 58px;
  justify-content: center;
  line-height: 1;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
  visibility: visible;
  width: 58px;
  z-index: 6;
}
.fr-ref br {
    display: none;
}
.fr-refs .fr-refs__nav::before {
  border: 2px solid rgba(15, 89, 164, .24);
  border-radius: inherit;
  content: "";
  inset: -6px;
  opacity: 0;
  position: absolute;
  transform: scale(.84);
  transition: opacity .22s ease, transform .22s ease;
}


.fr-refs .fr-refs__nav--prev {
  left: 0;
}

.fr-refs .fr-refs__nav--next {
  right: 0;
  z-index: 7;
}

.fr-refs .fr-refs__nav:hover,
.fr-refs .fr-refs__nav:focus-visible {
  background: #0d2344;
  box-shadow: 0 20px 46px rgba(15, 89, 164, .42);
  color: #fff;
}

.fr-refs .fr-refs__nav:hover {
  transform: translateY(-50%) scale(1.08);
}

.fr-refs .fr-refs__nav:focus-visible {
  outline: 3px solid rgba(15, 89, 164, .28);
  outline-offset: 5px;
}

.fr-refs .fr-refs__nav:hover::before,
.fr-refs .fr-refs__nav:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}

.fr-refs .fr-refs__nav:hover::after,
.fr-refs .fr-refs__nav:focus-visible::after {
  transform: scale(1.45);
}

.fr-ref {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  min-height: 340px;
  padding: 32px;
  position: relative;
  transition: box-shadow .25s ease, transform .25s ease;
}

.fr-ref:hover {
  box-shadow: 0 18px 40px rgba(15, 97, 171, .08);
  transform: translateY(-4px);
}

.fr-ref__quote {
  color: var(--gold);
  display: block;
  font-size: 40px;
  font-weight: 900;
  height: auto;
  letter-spacing: -.08em;
  line-height: .6;
  margin: 0;
}

.fr-ref__stars {
  color: var(--gold);
  display: block;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 8px 0 6px;
}

.fr-ref p {
  color: var(--ink);
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 22px;
}

.fr-ref__meta {
  align-items: center;
  display: flex;
  gap: 13px;
  margin-top: auto;
}

.fr-ref__meta b {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
  display: flex;
  flex: 0 0 46px;
  height: 46px;
  justify-content: center;
  position: relative;
  width: 46px;
}

.fr-ref__icon::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 24px;
  width: 24px;
}

.fr-ref__icon--verified::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%207.2c0-1.2%201-2.2%202.2-2.2h.2c.6%200%201.2-.25%201.6-.7l.15-.17a2.25%202.25%200%200%201%203.3%200l.15.17c.4.45%201%20.7%201.6.7h.2c1.2%200%202.2%201%202.2%202.2v.2c0%20.6.25%201.2.7%201.6l.17.15a2.25%202.25%200%200%201%200%203.3l-.17.15c-.45.4-.7%201-.7%201.6v.2c0%201.2-1%202.2-2.2%202.2h-.2c-.6%200-1.2.25-1.6.7l-.15.17a2.25%202.25%200%200%201-3.3%200L9%2017.3c-.4-.45-1-.7-1.6-.7h-.2A2.2%202.2%200%200%201%205%2014.4v-.2c0-.6-.25-1.2-.7-1.6l-.17-.15a2.25%202.25%200%200%201%200-3.3L4.3%209c.45-.4.7-1%20.7-1.6v-.2Z'/%3E%3Cpath%20d='m9%2012%202%202%204-4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%207.2c0-1.2%201-2.2%202.2-2.2h.2c.6%200%201.2-.25%201.6-.7l.15-.17a2.25%202.25%200%200%201%203.3%200l.15.17c.4.45%201%20.7%201.6.7h.2c1.2%200%202.2%201%202.2%202.2v.2c0%20.6.25%201.2.7%201.6l.17.15a2.25%202.25%200%200%201%200%203.3l-.17.15c-.45.4-.7%201-.7%201.6v.2c0%201.2-1%202.2-2.2%202.2h-.2c-.6%200-1.2.25-1.6.7l-.15.17a2.25%202.25%200%200%201-3.3%200L9%2017.3c-.4-.45-1-.7-1.6-.7h-.2A2.2%202.2%200%200%201%205%2014.4v-.2c0-.6-.25-1.2-.7-1.6l-.17-.15a2.25%202.25%200%200%201%200-3.3L4.3%209c.45-.4.7-1%20.7-1.6v-.2Z'/%3E%3Cpath%20d='m9%2012%202%202%204-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fr-ref__icon--summary::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202l2.9%206.1%206.7.9-4.9%204.7%201.2%206.6L12%2017.1l-5.9%203.2%201.2-6.6L2.4%209l6.7-.9L12%202Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202l2.9%206.1%206.7.9-4.9%204.7%201.2%206.6L12%2017.1l-5.9%203.2%201.2-6.6L2.4%209l6.7-.9L12%202Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fr-ref__meta strong {
  color: var(--navy);
  display: block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}

.fr-ref__meta small {
  color: var(--muted);
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 2px;
}

.fr-refs__summary {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin: 72px auto 0;
  max-width: 494px;
}

.fr-refs__rating {
  align-items: center;
  align-content: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  display: flex;
  flex: 0 0 235px;
  flex-direction: column;
  gap: 7px;
  height: 90px;
  justify-content: center;
  max-width: 235px;
  min-width: 235px;
  overflow: visible;
  padding: 16px 24px;
  text-align: center;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  width: 235px;
}
.fr-refs__rating br {
    display: none;
}
.fr-refs__rating p {
    margin-bottom: 0px;
}
.fr-refs__rating--firmy {
  flex-basis: 235px;
  height: 90px;
  width: 235px;
}

.fr-refs__rating--google {
  flex-basis: 235px;
  height: 90px;
  width: 235px;
}

.fr-refs__rating:hover {
  border-color: var(--blue);
  box-shadow: 0 12px 30px rgba(15, 97, 171, .1);
  transform: translateY(-2px);
}

.fr-refs__rating-logo {
  display: block;
  height: auto;
  max-height: 28px;
  max-width: 140px;
  object-fit: contain;
  width: auto;
}

.fr-refs__rating > .fr-refs__rating-logo {
  height: 28px;
  object-fit: contain;
}

.fr-refs__rating-brand {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 24px;
  justify-content: center;
  max-width: 175px;
  min-height: 24px;
}

.fr-refs__rating-brand b {
  color: var(--navy);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.fr-refs__rating-logo--firmy {
  height: auto;
  max-height: 24px;
  max-width: 110px;
  width: 110px;
}

.fr-refs__rating-logo--google {
  flex: 0 0 20px;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-width: 20px;
  width: 20px;
}

.fr-refs .fr-refs__rating--firmy > img.fr-refs__rating-logo--firmy {
  height: auto;
  max-height: 24px;
  max-width: 110px;
  width: 110px;
}

.fr-refs .fr-refs__rating--google img.fr-refs__rating-logo--google {
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  width: 20px;
}

.fr-refs__rating-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.2;
  margin-top: 0;
  white-space: nowrap;
}

.fr-refs__rating-score strong {
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
}

.fr-refs__rating-score em {
  color: var(--navy);
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
}

.fr-refs__rating-score small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

.fr-refs__dots {
  display: none;
  gap: 8px;
  justify-content: center;
  margin-top: 28px;
}

.fr-refs.is-ready .fr-refs__dots {
  display: flex;
}

.fr-refs__dots:empty {
  display: none;
}

.fr-refs__dot {
  background: #cfd8e3;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 8px;
  padding: 0;
  transition: .2s;
  width: 8px;
}

.fr-refs__dot.is-active {
  background: var(--blue);
  width: 30px;
}

@supports selector(:has(*)) {
  .elementor-widget-container:has(.fr-refs),
  .wd-text-block:has(.fr-refs) {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }

  .elementor-widget:has(.fr-refs),
  .elementor-widget-container:has(.fr-refs),
  .wd-text-block:has(.fr-refs),
  .elementor-element:has(.fr-refs),
  .e-con:has(.fr-refs),
  .e-con-inner:has(.fr-refs) {
    overflow: visible;
  }
}

@media (max-width: 1366px) {
  .fr-refs__inner {
    padding-top: 50px;
  }

  .fr-refs__head {
    margin-bottom: 56px;
  }

  .fr-refs__head h2 {
    font-size: clamp(38px, 5vw, 54px);
  }

  .fr-refs--carousel .fr-refs__grid {
    grid-auto-columns: calc((100% - 48px) / 2.45);
  }

  .fr-refs--carousel .fr-refs__grid,
  .fr-refs--carousel .owl-stage-outer {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 120px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 120px), rgba(0, 0, 0, 0) 100%);
  }

  .fr-refs .fr-refs__nav {
    font-size: 34px;
    height: 52px;
    width: 52px;
  }

  .fr-refs .fr-refs__nav--prev {
    left: 8px;
  }

  .fr-refs .fr-refs__nav--next {
    right: 8px;
  }
}

@media (max-width: 1024px) {
  .fr-refs__grid {
    grid-template-columns: 1fr 1fr;
  }

  .fr-refs--carousel .fr-refs__grid {
    grid-auto-columns: calc((100% - 24px) / 1.65);
  }

  .fr-refs__carousel {
    padding-left: 58px;
    padding-right: 58px;
  }

  .fr-refs--carousel .fr-refs__grid,
  .fr-refs--carousel .owl-stage-outer {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 110px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 110px), rgba(0, 0, 0, 0) 100%);
  }

  .fr-refs__summary {
    flex-wrap: wrap;
    margin-top: 58px;
    max-width: 494px;
  }

  .fr-refs__head h2 {
    font-size: clamp(34px, 5vw, 50px);
  }

}

@media (max-width: 700px) {
  .fr-refs__inner {
    padding: 42px 15px 56px;
  }

  .fr-refs__head {
    margin-bottom: 32px;
  }

  .fr-refs__head p {
    font-size: 11px;
    letter-spacing: .2em;
  }

  .fr-refs__head h2 {
    font-size: 34px;
    letter-spacing: -.03em;
  }

  .fr-refs__grid {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .fr-refs--carousel .fr-refs__carousel {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  .fr-refs--carousel .fr-refs__grid {
    gap: 16px;
    grid-auto-columns: calc(100% - 44px);
  }

  .fr-refs--carousel .fr-refs__grid,
  .fr-refs--carousel .owl-stage-outer {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .fr-refs .fr-refs__nav {
/*    display: none;*/
  }

  .fr-ref {
    min-height: auto;
    padding: 28px 24px 30px;
  }

  .fr-ref__quote {
    font-size: 38px;
    margin-bottom: 0;
  }

  .fr-ref__stars {
    font-size: 18px;
    letter-spacing: 2px;
    margin: 8px 0 10px;
  }

  .fr-ref p {
    font-size: 15.5px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .fr-ref__meta {
    gap: 13px;
  }

  .fr-ref__meta b {
    flex-basis: 46px;
    font-size: 22px;
    height: 46px;
    width: 46px;
  }

  .fr-ref__meta strong {
    font-size: 16px;
  }

  .fr-ref__meta small {
    font-size: 13px;
    margin-top: 2px;
  }

  .fr-refs__summary {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 34px;
    max-width: 235px;
  }

  .fr-refs__rating {
    flex-basis: 235px;
    height: 90px;
    max-width: 235px;
    min-height: 0;
    min-width: 235px;
    padding: 16px 24px;
    width: 235px;
  }

  .fr-refs__rating-logo {
    height: auto;
    max-height: 24px;
    max-width: 110px;
  }

  .fr-refs__rating-brand b {
    font-size: 20px;
  }

  .fr-refs__rating-logo--google {
    flex-basis: 20px;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px;
  }

  .fr-refs__rating-score {
    font-size: 13px;
    white-space: nowrap;
  }

  .fr-refs__rating-score strong {
    font-size: 13px;
    letter-spacing: 1px;
  }

  .fr-refs__rating-score em {
    font-size: 15px;
  }

  .fr-refs__rating-score small {
    font-size: 13px;
  }
}

@media (max-width: 980px) {
  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical {
    padding: 0 !important;
  }

  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical {
    padding: 0 !important;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li {
    flex: initial;
  }

  #left-page-sidebar.version-1 #menu-kategorie-menu.wd-nav-vertical > li > a,
  #left-page-sidebar.version-2 #menu-kategorie-menu.wd-nav-vertical > li > a {
    min-height: 46px !important;
    white-space: normal;
  }
}

/* Stable contact card inside the map section */
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) {
  --fr-contact-navy: #0d2344;
  --fr-contact-blue: #0f59a4;
  --fr-contact-line: #dfeaf4;
  --fr-contact-muted: #748295;
  --fr-contact-soft: #f4f8fb;
  --width: 100%;
  --container-max-width: 300px;
  --container-widget-width: 100%;
  --container-widget-flex-grow: 0;
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
  align-self: flex-start;
  width: var(--width);
  min-width: 0;
  max-width: min(300px, 100%);
  margin: 0;
  padding: 0;
  overflow: visible;
  color: var(--fr-contact-navy);
  background: transparent;
  border: 0;
  box-shadow: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa)::before,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa)::after {
  content: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) > .e-con-inner {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .elementor-widget,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .elementor-widget-container,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .wd-text-block {
  width: 100%;
  max-width: none;
  margin: 0;
  text-align: left;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .elementor-widget-wd_title,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .wd_title,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .wd-title,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .woodmart-title-container,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .title-wrapper {
  display: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px 16px 18px;
  overflow: hidden;
  color: var(--fr-contact-navy);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 88% 8%, rgba(15, 89, 164, .08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 251, 253, .96));
  border: 1px solid var(--fr-contact-line);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(13, 35, 68, .12);
  opacity: 1;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #0d2344, #176fbd, #0f59a4);
  opacity: .7;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::after {
  content: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__main {
  display: block;
  padding: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__eyebrow {
  margin: 0 0 10px;
  color: var(--fr-contact-blue);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .2em;
  line-height: 1.25;
  text-transform: uppercase;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2 {
  display: block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--fr-contact-navy);
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.12;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2 strong {
  color: var(--fr-contact-blue);
  font-weight: 800;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__lead {
  max-width: none;
  margin: 0;
  color: var(--fr-contact-muted);
  font-size: 14px;
  line-height: 1.55;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__actions,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__details {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  max-width: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__actions {
  margin: 18px 0 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__details {
  margin: 12px 0 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  height: auto;
  min-height: 58px;
  max-height: none;
  margin: 0;
  padding: 12px;
  color: var(--fr-contact-navy);
  text-align: left;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--fr-contact-line);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(13, 35, 68, .045);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button:hover {
  color: var(--fr-contact-navy);
  border-color: rgba(15, 89, 164, .26);
  box-shadow: 0 12px 26px rgba(13, 35, 68, .08);
  transform: translateY(-1px);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon {
  position: static;
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--fr-contact-blue);
  background: var(--fr-contact-soft);
  border-radius: 999px;
  box-shadow: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon svg,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button > span:not(.fr-contact-card__button-icon),
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item > div {
  position: static;
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button small,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item small {
  display: block;
  margin: 0;
  color: var(--fr-contact-muted);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .075em;
  line-height: 1.25;
  text-align: left;
  text-transform: uppercase;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button b,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item strong {
  display: block;
  margin: 4px 0 0;
  color: var(--fr-contact-navy);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: normal;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button b {
  white-space: nowrap;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item p {
  margin: 4px 0 0;
  color: var(--fr-contact-muted);
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  :is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) {
    --width: 100%;
    --container-max-width: 300px;
    width: var(--width);
    max-width: min(300px, calc(100vw - 30px));
    margin: 0;
  }

  :is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card {
    padding: 22px 16px 18px;
    border-radius: 22px;
  }

  :is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2 {
    font-size: 25px;
  }
}

/* Compact 300px contact card for map overlays */
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa),
.wd-map-content-wrap :is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) {
  width: 100%;
  max-width: min(300px, 100%);
  margin: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card,
.wd-map-content-wrap .fr-contact-card {
  width: 100%;
  padding: 18px 16px;
  border-radius: 20px;
  box-shadow: 0 16px 38px rgba(13, 35, 68, 0.12);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::before,
.wd-map-content-wrap .fr-contact-card::before {
  height: 3px;
  background: linear-gradient(90deg, #0d2344, #176fbd, #0f59a4);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__eyebrow,
.wd-map-content-wrap .fr-contact-card__eyebrow {
  margin-bottom: 7px;
  font-size: 10px;
  letter-spacing: 0.18em;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2,
.wd-map-content-wrap .fr-contact-card h2 {
  margin: 0 0 12px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2 strong,
.wd-map-content-wrap .fr-contact-card h2 strong {
  color: inherit;
  font-weight: inherit;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__lead,
.wd-map-content-wrap .fr-contact-card__lead {
  display: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__actions,
.wd-map-content-wrap .fr-contact-card__actions {
  gap: 8px;
  margin-top: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button,
.wd-map-content-wrap .fr-contact-card__button {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  min-height: 52px;
  padding: 10px 11px;
  border-radius: 13px;
  box-shadow: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button:hover,
.wd-map-content-wrap .fr-contact-card__button:hover {
  box-shadow: 0 8px 18px rgba(13, 35, 68, 0.07);
  transform: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon,
.wd-map-content-wrap .fr-contact-card__button-icon,
.wd-map-content-wrap .fr-contact-card__icon {
  width: 32px;
  height: 32px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon svg,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon svg,
.wd-map-content-wrap .fr-contact-card__button-icon svg,
.wd-map-content-wrap .fr-contact-card__icon svg {
  width: 16px;
  height: 16px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button small,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item small,
.wd-map-content-wrap .fr-contact-card__button small,
.wd-map-content-wrap .fr-contact-card__item small {
  font-size: 9px;
  letter-spacing: 0.07em;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button b,
.wd-map-content-wrap .fr-contact-card__button b {
  margin-top: 3px;
  font-size: 15px;
  line-height: 1.2;
  white-space: normal;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__details,
.wd-map-content-wrap .fr-contact-card__details {
  gap: 0;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #dfeaf4;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item,
.wd-map-content-wrap .fr-contact-card__item {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  min-height: 0;
  padding: 8px 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item + .fr-contact-card__item,
.wd-map-content-wrap .fr-contact-card__item + .fr-contact-card__item {
  border-top: 1px solid rgba(223, 234, 244, 0.78);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item .fr-contact-card__icon,
.wd-map-content-wrap .fr-contact-card__item .fr-contact-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item strong,
.wd-map-content-wrap .fr-contact-card__item strong {
  margin-top: 2px;
  font-size: 14.5px;
  line-height: 1.22;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item p,
.wd-map-content-wrap .fr-contact-card__item p {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.32;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item--wide p,
.wd-map-content-wrap .fr-contact-card__item--wide p {
  display: none;
}

/* Final stable compact contact overlay. Kept deliberately simple for 240-300px map cards. */
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa),
.wd-map-content-wrap :is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) {
  width: 100%;
  max-width: min(300px, 100%);
  margin: 0;
  overflow: visible;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card,
.wd-map-content-wrap .fr-contact-card {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfeaf4;
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(13, 35, 68, 0.14);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::before,
.wd-map-content-wrap .fr-contact-card::before {
  height: 3px;
  background: linear-gradient(90deg, #0d2344, #176fbd, #0f59a4);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::after,
.wd-map-content-wrap .fr-contact-card::after {
  content: "LERTA s.r.o. · Homole 235 · IČO 62497952";
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin-top: 12px;
  padding-top: 11px;
  color: #748295;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
  border: 0;
  border-top: 1px solid #dfeaf4;
  border-radius: 0;
  transform: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__main,
.wd-map-content-wrap .fr-contact-card__main {
  display: block;
  padding: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__eyebrow,
.wd-map-content-wrap .fr-contact-card__eyebrow {
  margin: 0 0 6px;
  color: #0f59a4;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.25;
  text-transform: uppercase;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2,
.wd-map-content-wrap .fr-contact-card h2 {
  margin: 0 0 12px;
  color: #0d2344;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
  white-space: normal;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card h2 strong,
.wd-map-content-wrap .fr-contact-card h2 strong {
  color: inherit;
  font: inherit;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__lead,
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__details,
.wd-map-content-wrap .fr-contact-card__lead,
.wd-map-content-wrap .fr-contact-card__details {
  display: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__actions,
.wd-map-content-wrap .fr-contact-card__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0;
  max-width: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__actions p,
.wd-map-content-wrap .fr-contact-card__actions p {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button,
.wd-map-content-wrap .fr-contact-card__button {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 10px 11px;
  color: #0d2344;
  text-align: left;
  text-decoration: none;
  background: #f8fbfe;
  border: 1px solid #dfeaf4;
  border-radius: 12px;
  box-shadow: none;
  transform: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button:hover,
.wd-map-content-wrap .fr-contact-card__button:hover {
  color: #0d2344;
  background: #ffffff;
  border-color: rgba(15, 89, 164, 0.28);
  box-shadow: 0 8px 18px rgba(13, 35, 68, 0.08);
  transform: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon,
.wd-map-content-wrap .fr-contact-card__button-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: #0f59a4;
  background: #edf6fc;
  border-radius: 10px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button-icon svg,
.wd-map-content-wrap .fr-contact-card__button-icon svg {
  width: 15px;
  height: 15px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button > span:not(.fr-contact-card__button-icon),
.wd-map-content-wrap .fr-contact-card__button > span:not(.fr-contact-card__button-icon) {
  display: block;
  min-width: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button small,
.wd-map-content-wrap .fr-contact-card__button small {
  display: block;
  margin: 0 0 2px;
  color: #748295;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-transform: uppercase;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__button b,
.wd-map-content-wrap .fr-contact-card__button b {
  display: block;
  margin: 0;
  color: #0d2344;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Contact overlay with full contact details and icons, optimized for 300px. */
:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card::after,
.wd-map-content-wrap .fr-contact-card::after {
  content: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__details,
.wd-map-content-wrap .fr-contact-card__details {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #dfeaf4;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item,
.wd-map-content-wrap .fr-contact-card__item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  min-height: 0;
  padding: 8px 0;
  color: #0d2344;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item + .fr-contact-card__item,
.wd-map-content-wrap .fr-contact-card__item + .fr-contact-card__item {
  border-top: 1px solid rgba(223, 234, 244, 0.72);
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item > div,
.wd-map-content-wrap .fr-contact-card__item > div {
  display: block;
  min-width: 0;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon,
.wd-map-content-wrap .fr-contact-card__icon {
  width: 30px;
  height: 30px;
  color: #0f59a4;
  background: #edf6fc;
  border-radius: 10px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__icon svg,
.wd-map-content-wrap .fr-contact-card__icon svg {
  width: 15px;
  height: 15px;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item small,
.wd-map-content-wrap .fr-contact-card__item small {
  display: block;
  margin: 0 0 2px;
  color: #748295;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-transform: uppercase;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item strong,
.wd-map-content-wrap .fr-contact-card__item strong {
  display: block;
  margin: 0;
  color: #0d2344;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item p,
.wd-map-content-wrap .fr-contact-card__item p {
  display: block;
  margin: 2px 0 0;
  color: #748295;
  font-size: 12px;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

:is(#kontakt-mapa, #custom-kontakt-mapa, .custom-kontakt-mapa) .fr-contact-card__item--wide p,
.wd-map-content-wrap .fr-contact-card__item--wide p {
  display: block;
}

/* Simple company contact list */
.fr-contact-list {
  width: 100%;
  max-width: 300px;
  padding: 18px 16px;
  color: #0d2344;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fff;
  border: 1px solid #dfeaf4;
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(13, 35, 68, 0.14);
}

.wd-map-content-wrap:has(.fr-contact-list) {
  width: 300px;
  max-width: min(300px, calc(100vw - 32px));
  padding: 0;
}

.wd-map-content-wrap:has(.fr-contact-list) .wd-map-content {
  width: 100%;
  max-width: none;
}

.wd-map-content-wrap:has(.fr-contact-list) .elementor-widget-container,
.wd-map-content-wrap:has(.fr-contact-list) .wd-text-block {
  width: 100%;
  max-width: none;
}
.fr-contact-list br {
  display: none;
}
.fr-contact-list,
.fr-contact-list * {
  box-sizing: border-box;
}

.fr-contact-list__eyebrow {
  margin: 0 0 6px;
  color: #0f59a4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fr-contact-list h2 {
  margin: 0 0 14px;
  color: #0d2344;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
}

.fr-contact-list__items {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fr-contact-list__items li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #dfeaf4;
}

.fr-contact-list__items li > span:not(.fr-contact-list__icon) {
  display: block;
  min-width: 0;
}

.fr-contact-list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #0f59a4;
  background: #edf6fc;
  border-radius: 10px;
}

.fr-contact-list__icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.fr-contact-list small {
  display: block;
  margin: 0 0 2px;
  color: #748295;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-transform: uppercase;
}

.fr-contact-list a,
.fr-contact-list strong,
.fr-contact-list em {
  display: block;
  margin: 0;
  color: #0d2344;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: normal;
  word-break: normal;
  text-decoration: none;
}

.fr-contact-list a[href^="tel"],
.fr-contact-list a[href^="mailto"] {
  white-space: nowrap;
}

.fr-contact-list a:hover {
  color: #0f59a4;
}

.fr-contact-list em {
  margin-top: 2px;
  color: #748295;
  font-size: 12.5px;
  font-weight: 700;
}

.fr-contact-list__items li:nth-child(4) strong {
  max-width: 180px;
}

.fr-contact-list__items li:nth-child(5) strong,
.fr-contact-list__items li:nth-child(5) em {
  white-space: nowrap;
}

/* 4READY contact map – cleaner modern version */
.fr-about .fr-contact-mapwrap {
  padding-top: clamp(42px, 5vw, 78px);
}

.fr-about .fr-contact-map {
  position: relative !important;
  isolation: isolate;
  min-height: clamp(440px, 42vw, 560px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 89, 164, .10);
  border-radius: 26px !important;
  background: #eaf1f6 !important;
  box-shadow:
    0 26px 64px rgba(13, 35, 68, .13),
    0 8px 22px rgba(13, 35, 68, .06) !important;
}

.fr-about .fr-contact-map::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(9, 28, 54, .42) 0%, rgba(9, 28, 54, .18) 26%, rgba(9, 28, 54, 0) 52%),
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 34%) !important;
}

.fr-about .fr-contact-map::after {
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38);
}

.fr-about .fr-contact-map__frame {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(440px, 42vw, 560px) !important;
  border: 0 !important;
  filter: saturate(.88) contrast(1.02) brightness(.96) !important;
  transform: scale(1.005) !important;
  transform-origin: center;
  transition: filter .28s ease, transform .28s ease;
}

.fr-about .fr-contact-map:hover .fr-contact-map__frame {
  filter: saturate(.96) contrast(1.03) brightness(.98) !important;
  transform: scale(1.01) !important;
}

.fr-about .fr-contact-map__card {
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  left: clamp(20px, 4vw, 56px) !important;
  width: min(320px, calc(100% - 40px)) !important;
  max-width: none !important;
  transform: translateY(-50%) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.fr-about .fr-contact-map__card .fr-contact-list {
  max-width: none !important;
  padding: 20px 18px 18px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(223, 234, 244, .92) !important;
  border-radius: 20px !important;
  box-shadow:
    0 22px 54px rgba(13, 35, 68, .20),
    0 8px 18px rgba(13, 35, 68, .08) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.fr-about .fr-contact-map__card .fr-contact-list h2 {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfeaf4;
  font-size: 22px;
  font-weight: 500;
}

.fr-about .fr-contact-map__card .fr-contact-list__items li {
  min-height: 54px;
  padding: 9px 0 !important;
}

.fr-about .fr-contact-map__card .fr-contact-list__icon {
  width: 34px;
  height: 34px;
  color: #0f59a4;
  background: #edf6fc;
}

@media (max-width: 780px) {
  .fr-about .fr-contact-map {
    min-height: 720px !important;
  }

  .fr-about .fr-contact-map::before {
    background:
      linear-gradient(180deg, rgba(9, 28, 54, .38) 0%, rgba(9, 28, 54, .1) 44%, rgba(9, 28, 54, 0) 70%) !important;
  }

  .fr-about .fr-contact-map__frame {
    min-height: 720px !important;
  }

  .fr-about .fr-contact-map__card {
    top: 22px !important;
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    transform: none !important;
  }
}

/* 4READY modern FAQ page */
.fr-faq-page {
  --fr-navy: #0d2344;
  --fr-blue: #0f59a4;
  --fr-blue-2: #176fbd;
  --fr-muted: #748295;
  --fr-line: #dfeaf4;
  --fr-soft: #f4f8fb;
  --fr-card: #ffffff;
  --fr-green: #91c84a;
  --fr-shadow: 0 22px 70px rgba(13, 35, 68, .09);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fr-faq-page,
.fr-faq-page * {
  box-sizing: border-box;
}

.fr-faq-page {
  margin: 0;
  color: var(--fr-navy);
  background: #f6f8fb;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fr-faq-page a {
  color: inherit;
}

.fr-faq-page {
  min-height: 100vh;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0) 0, #f6f8fb 540px),
    #f6f8fb;
}

.fr-faq-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(420px, 43vw, 620px);
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(5, 18, 35, .9) 0%, rgba(10, 47, 84, .78) 48%, rgba(15, 89, 164, .42) 100%),
    url("https://www.4ready.cz/wp-content/uploads/2026/04/slide-5_06.Still004.webp") center / cover no-repeat;
}

.fr-faq-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 130px;
  background: linear-gradient(180deg, rgba(246, 248, 251, 0), #f6f8fb);
  z-index: -1;
}

.fr-faq-shell {
  width: min(1440px, calc(100% - clamp(32px, 6vw, 96px)));
  margin: 0 auto;
}

.fr-faq-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(340px, .42fr);
  gap: clamp(34px, 5vw, 86px);
  align-items: center;
  padding: 88px 0 130px;
}

.fr-faq-eyebrow {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .26em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fr-faq-hero h1 {
  max-width: 850px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 4.6vw, 60px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: .98;
}

.fr-faq-hero h1 strong {
  display: block;
  color: #ffffff;
  font-weight: 850;
}

.fr-faq-hero__lead {
  max-width: 720px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: clamp(18px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.58;
}

.fr-faq-hero__panel {
  align-self: end;
  padding: 30px;
  color: var(--fr-navy);
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 26px;
  box-shadow: 0 26px 80px rgba(2, 16, 31, .25);
  backdrop-filter: blur(16px);
}

.fr-faq-hero__panel strong {
  display: block;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.2;
}

.fr-faq-hero__panel p {
  margin: 0;
  color: var(--fr-muted);
  font-size: 16px;
  line-height: 1.55;
}

.fr-faq-search {
  position: relative;
  z-index: 2;
  margin-top: -70px;
  padding: clamp(22px, 3vw, 34px);
  background: #ffffff;
  border: 1px solid var(--fr-line);
  border-radius: 26px;
  box-shadow: var(--fr-shadow);
}

.fr-faq-search__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.fr-faq-search label {
  display: grid;
  gap: 8px;
  margin: 0;
}

.fr-faq-search span {
  color: var(--fr-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.fr-faq-search input {
  width: 100%;
  min-height: 64px;
  padding: 0 24px;
  color: var(--fr-navy);
  background: var(--fr-soft);
  border: 1px solid var(--fr-line);
  border-radius: 18px;
  outline: 0;
  font: inherit;
  font-size: 18px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.fr-faq-search input:focus {
  border-color: rgba(15, 89, 164, .42);
  box-shadow: 0 0 0 5px rgba(15, 89, 164, .08);
}

.fr-faq-search__count {
  align-self: end;
  min-width: 134px;
  min-height: 64px;
  display: grid;
  place-items: center;
  padding: 0 22px;
  color: var(--fr-blue);
  background: #eef5fc;
  border-radius: 18px;
  font-weight: 850;
  white-space: nowrap;
}

.fr-faq-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.fr-faq-stat {
  display: flex;
  gap: 14px;
  align-items: center;
  min-height: 96px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--fr-line);
  border-radius: 20px;
}

.fr-faq-stat__icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  color: var(--fr-blue);
  background: #eef5fc;
  border-radius: 16px;
}

.fr-faq-stat__icon svg {
  width: 24px;
  height: 24px;
}

.fr-faq-stat strong {
  display: block;
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 1.2;
}

.fr-faq-stat span {
  color: var(--fr-muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.fr-faq-main {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) minmax(320px, 410px);
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
  padding: clamp(42px, 6vw, 86px) 0 clamp(64px, 8vw, 110px);
}

.fr-faq-nav,
.fr-faq-cta {
  position: sticky;
  top: 28px;
}

.fr-faq-nav {
  display: grid;
  gap: 10px;
}

.fr-faq-nav__title {
  margin: 0 0 10px;
  color: var(--fr-blue);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.fr-faq-filter {
  width: 100%;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 64px;
  padding: 12px;
  color: #627088;
  background: #ffffff;
  border: 1px solid var(--fr-line);
  border-radius: 18px;
  font: inherit;
  font-size: 15px;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fr-faq-filter:hover {
  color: var(--fr-navy);
  border-color: #cfe0ef;
  transform: translateY(-1px);
}

.fr-faq-filter.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, var(--fr-blue-2), var(--fr-blue));
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(15, 89, 164, .18);
}

.fr-faq-filter small {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--fr-blue);
  background: #eef5fc;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.fr-faq-filter.is-active small {
  color: var(--fr-blue);
  background: #ffffff;
}

.fr-faq-content {
  min-width: 0;
}

.fr-faq-section {
  margin-bottom: 28px;
  scroll-margin-top: 34px;
}

.fr-faq-section[hidden],
.fr-faq-card[hidden] {
  display: none;
}

.fr-faq-section__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.fr-faq-section__head h2 {
  margin: 0;
  color: var(--fr-navy);
  font-size: clamp(28px, 2.8vw, 42px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.08;
}

.fr-faq-section__head h2 strong {
  color: var(--fr-blue);
  font-weight: 850;
}

.fr-faq-section__head span {
  color: var(--fr-muted);
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
}

.fr-faq-list {
  display: grid;
  gap: 14px;
}

.fr-faq-card {
  background: var(--fr-card);
  border: 1px solid var(--fr-line);
  border-radius: 20px;
  box-shadow: 0 14px 38px rgba(13, 35, 68, .04);
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fr-faq-card:hover {
  border-color: #cfe0ef;
  box-shadow: 0 18px 46px rgba(13, 35, 68, .065);
  transform: translateY(-1px);
}

.fr-faq-card[open] {
  border-color: rgba(15, 89, 164, .26);
  box-shadow: 0 22px 54px rgba(13, 35, 68, .08);
}

.fr-faq-card summary {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 18px;
  align-items: center;
  min-height: 84px;
  padding: 24px 26px;
  cursor: pointer;
  color: var(--fr-navy);
  font-size: clamp(18px, 1.45vw, 22px);
  font-weight: 850;
  line-height: 1.28;
}

.fr-faq-card summary::-webkit-details-marker {
  display: none;
}

.fr-faq-card__button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--fr-blue);
  background: #eef5fc;
  border-radius: 999px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.fr-faq-card[open] .fr-faq-card__button {
  color: #ffffff;
  background: var(--fr-blue);
  transform: rotate(45deg);
}

.fr-faq-card__body {
  padding: 0 26px 26px;
  color: var(--fr-muted);
  font-size: clamp(16px, 1.04vw, 18px);
  line-height: 1.66;
}

.fr-faq-card__body p {
  margin: 0;
}

.fr-faq-card__body a {
  color: var(--fr-blue);
  font-weight: 850;
  text-decoration: none;
}

.fr-faq-card__body a:hover {
  text-decoration: underline;
}

.fr-faq-cta {
  overflow: hidden;
  padding: 34px;
  color: #ffffff;
  background:
    radial-gradient(circle at 84% 12%, rgba(145, 200, 74, .22), rgba(145, 200, 74, 0) 32%),
    linear-gradient(145deg, #176fbd 0%, #0f59a4 46%, #0b4f92 100%);
  border-radius: 28px;
  box-shadow: 0 24px 64px rgba(13, 35, 68, .16);
}

.fr-faq-cta::before,
.fr-faq-cta::after {
  content: "";
  position: absolute;
  right: 28px;
  width: 76px;
  height: 76px;
  border-right: 18px solid rgba(255, 255, 255, .15);
  border-bottom: 18px solid rgba(255, 255, 255, .15);
  border-radius: 10px;
  transform: rotate(45deg);
}

.fr-faq-cta::before {
  bottom: 70px;
}

.fr-faq-cta::after {
  bottom: -12px;
}

.fr-faq-cta > * {
  position: relative;
  z-index: 1;
}

.fr-faq-cta__eyebrow {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.fr-faq-cta h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(28px, 2.6vw, 40px);
  font-weight: 300;
  line-height: 1.12;
}

.fr-faq-cta h2 strong {
  display: block;
  color: var(--fr-green);
  font-weight: 850;
}

.fr-faq-cta p {
  margin: 0 0 24px;
  color: rgba(255, 255, 255, .82);
  font-size: 17px;
  line-height: 1.58;
}

.fr-faq-cta__links {
  display: grid;
    gap: 12px;
    grid-auto-flow: row;
    justify-content: start;
}

.fr-faq-cta__link {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 8px 8px 22px;
  color: #ffffff;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  font-weight: 850;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}

.fr-faq-cta__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, .18);
  transform: translateY(-1px);
}

.fr-faq-cta__link span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  color: var(--fr-navy);
  background: #ffffff;
  border-radius: 999px;
}

.fr-faq-empty {
  display: none;
  padding: 30px;
  color: var(--fr-muted);
  background: #ffffff;
  border: 1px solid var(--fr-line);
  border-radius: 20px;
  font-size: 17px;
  line-height: 1.55;
}

.fr-faq-empty.is-visible {
  display: block;
}

@media (max-width: 1180px) {
  .fr-faq-hero__inner,
  .fr-faq-main {
    grid-template-columns: 1fr;
  }

  .fr-faq-nav,
  .fr-faq-cta {
    position: static;
  }

  .fr-faq-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .fr-faq-nav__title {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .fr-faq-shell {
    width: min(100% - 28px, 1440px);
  }

  .fr-faq-hero {
    min-height: 0;
  }

  .fr-faq-hero__inner {
    padding: 70px 0 104px;
  }

  .fr-faq-hero__panel {
    display: none;
  }

  .fr-faq-search__row,
  .fr-faq-stats,
  .fr-faq-nav {
    grid-template-columns: 1fr;
  }

  .fr-faq-search__count {
    justify-self: stretch;
  }

  .fr-faq-section__head {
    display: grid;
    align-items: start;
    gap: 8px;
  }

  .fr-faq-card summary {
    min-height: 74px;
    padding: 20px;
  }

  .fr-faq-card__body {
    padding: 0 20px 22px;
  }
}

/* ===================================================================
   4READY – stránka „Kdo jsme – new" (/kdo-jsme-new/, page-fullwidth.php)
   Styly bloku .fr-about (přesunuto z inline <style> v obsahu stránky).
   =================================================================== */
.fr-about{--navy:#0d2344;--blue:#0f59a4;--blue-light:#176fbd;--green:#75ba42;--green-soft:#91c84a;--orange:#f47b20;--ink:#13243a;--muted:#5f6f83;--line:#e7edf4;--card:#ffffff;--bg:#f5f8fb;
  --shell:min(100%, 1440px);
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);}
.fr-about *{box-sizing:border-box;}
.fr-about img{max-width:100%;}
.fr-about-shell{width:var(--shell);margin-inline:auto;padding-inline:20px;}
.fr-about .fr-about-eyebrow{margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.24em;line-height:1.3;text-transform:uppercase;}
.fr-about h1,.fr-about h2,.fr-about h3{margin:0;letter-spacing:-.02em;color:var(--navy);font-weight:300;line-height:1.14;}
.fr-about h1 strong,.fr-about h2 strong,.fr-about h3 strong{font-weight:800;color:var(--navy);}
.fr-about-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(56px,7vw,110px) 0 clamp(60px,7vw,116px);
  background:linear-gradient(90deg,rgba(5,18,35,.94) 0%,rgba(10,47,84,.82) 46%,rgba(15,89,164,.5) 100%),url("https://www.4ready.cz/wp-content/uploads/2026/04/slide-5_06.Still004.webp");
  background-size:cover;background-position:center;}
.whb-header_550554 .fr-about-hero {padding-top: 10vw;}
.fr-about-hero__inner{display:grid;grid-template-columns:1.55fr .95fr;gap:48px;align-items:center;}
.fr-about-hero .fr-about-eyebrow{color:#8fc2ff;}
.fr-about-hero h1{color:#fff;font-size:clamp(34px,4.6vw,60px);}
.fr-about-hero h1 strong{display:block;color:#fff;margin-top:10px;}
.fr-about-hero__lead{max-width:560px;margin:24px 0 26px;color:rgba(255,255,255,.88);font-size:clamp(16px,1.2vw,19px);font-weight:400;line-height:1.62;}
.fr-about-hero__tags{display:flex;flex-wrap:wrap;gap:10px;}
.fr-about-hero__tags span{padding:8px 16px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;}
.fr-about-hero__panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:30px 28px;backdrop-filter:blur(4px);}
.fr-about-hero__panel-num{display:block;font-size:56px;font-weight:800;line-height:1;color:var(--green-soft);letter-spacing:-.03em;margin-bottom:14px;}
.fr-about-hero__panel strong{display:block;font-size:19px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.3;}
.fr-about-hero__panel p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55;}
.fr-about-intro{display:grid;grid-template-columns:1fr .9fr;gap:clamp(36px,4vw,72px);align-items:center;padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(20px,3vw,44px);}
.fr-about-intro h2{font-size:clamp(26px,2.7vw,40px);margin-bottom:20px;}
.fr-about-intro__text p{margin:0;color:var(--muted);font-size:clamp(16px,1.15vw,18px);line-height:1.7;}
.fr-about-stats{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.fr-about-stats li{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px rgba(13,35,68,.05);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;}
.fr-about-stats li::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--blue),var(--green));opacity:0;transform:scaleY(.45);transition:opacity .24s ease,transform .24s ease;}
.fr-about-stats li:hover{transform:translateY(-4px);border-color:rgba(15,89,164,.22);background:linear-gradient(180deg,#fff,rgba(245,248,251,.96));box-shadow:0 20px 46px rgba(13,35,68,.11);}
.fr-about-stats li:hover::before{opacity:1;transform:scaleY(1);}
.fr-about-stats .ico{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(15,89,164,.09);color:var(--blue);transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease;}
.fr-about-stats li:hover .ico{transform:scale(1.06) rotate(-2deg);color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 12px 24px rgba(15,89,164,.22);}
.fr-about-stats .ico svg{width:24px;height:24px;}
.fr-about-stats strong{display:block;font-size:16px;font-weight:800;color:var(--navy);}
.fr-about-stats small{font-size:14px;color:var(--muted);font-weight:500;}
.fr-contact-map {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  min-height: 560px;
  background: #eef4f8;
  box-shadow:
    0 34px 90px rgba(13, 35, 68, .18),
    0 12px 34px rgba(13, 35, 68, .10);
}

.fr-contact-map::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(13, 35, 68, .18), rgba(13, 35, 68, 0) 38%, rgba(13, 35, 68, .10)),
    radial-gradient(circle at 22% 48%, rgba(15, 89, 164, .16), transparent 36%);
}

.fr-contact-map__frame {
  width: 100%;
  height: 100%;
  min-height: 560px;
  border: 0;
  filter: saturate(.78) contrast(1.06) brightness(1.05);
  transform: scale(1.01);
  transition: filter .35s ease, transform .35s ease;
}

.fr-contact-map:hover .fr-contact-map__frame {
  filter: saturate(.92) contrast(1.04) brightness(1.02);
  transform: scale(1.015);
}

.fr-contact-map__card {
  position: absolute;
  z-index: 3;
  left: clamp(24px, 5vw, 72px);
  top: 50%;
  transform: translateY(-50%);
  width: min(390px, calc(100% - 48px));
  border-radius: 24px;
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow:
    0 28px 70px rgba(13, 35, 68, .18),
    inset 0 1px 0 rgba(255, 255, 255, .8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.fr-about-stats strong a{color:var(--navy);}
.fr-about-section-head{max-width:720px;margin:0 0 clamp(28px,3vw,44px);}
.fr-about-section-head h2{font-size:clamp(26px,2.9vw,44px);}
.fr-about-why{padding-top:clamp(56px,6vw,96px);}
.fr-about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.fr-about-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px 26px 28px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.fr-about-card::after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--blue),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .28s ease;}
.fr-about-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(13,35,68,.12);border-color:rgba(15,89,164,.24);}
.fr-about-card:hover::after{transform:scaleX(1);}
.fr-about-card__num{display:inline-block;font-size:15px;font-weight:800;color:var(--blue);letter-spacing:.1em;margin-bottom:18px;padding:6px 12px;border-radius:10px;background:rgba(15,89,164,.08);}
.fr-about-card h3{font-size:20px;font-weight:800;margin-bottom:10px;}
.fr-about-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6;}
.fr-about-videowrap{padding-top:clamp(56px,6vw,96px);}
.fr-about-video{display:block;border:0;border-radius:28px;overflow:hidden;box-shadow:0 26px 60px rgba(13,35,68,.18);}
.fr-about-video>summary{list-style:none;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(340px,34vw,480px);padding:56px 24px;color:#fff;
  background:repeating-linear-gradient(45deg,rgba(6,20,40,.5) 0 16px,rgba(6,20,40,.16) 16px 32px),linear-gradient(160deg,rgba(8,24,47,.82),rgba(13,64,116,.68)),url("https://www.4ready.cz/wp-content/uploads/2026/04/slide-5_06.Still004.webp");
  background-size:auto,auto,cover;background-position:center;}
.fr-about-video>summary::-webkit-details-marker{display:none;}
.fr-about-video__tag{position:absolute;top:22px;left:28px;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.fr-about-video__dur{position:absolute;right:28px;bottom:20px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:rgba(255,255,255,.82);}
.fr-about-video__play{position:relative;width:clamp(76px,7vw,96px);height:clamp(76px,7vw,96px);border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(244,123,32,.5),0 20px 48px rgba(244,123,32,.34);animation:fr-about-pulse 2s ease-in-out infinite;}
.fr-about-video__play::before{content:"";width:0;height:0;margin-left:6px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent #fff;}
@keyframes fr-about-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,123,32,.5),0 20px 48px rgba(244,123,32,.34);}50%{transform:scale(1.06);box-shadow:0 0 0 22px rgba(244,123,32,0),0 24px 56px rgba(244,123,32,.4);}}
.fr-about-video__title{margin:28px 0 12px;color:#fff;font-weight:800;font-size:clamp(28px,3.2vw,46px);line-height:1.1;max-width:16ch;}
.fr-about-video__sub{margin:0;max-width:46ch;color:rgba(255,255,255,.82);font-size:clamp(15px,1.1vw,17px);line-height:1.5;}
.fr-about-video[open]>summary{display:none;}
.fr-about-video__player{background:#05121f;border-radius:28px;overflow:hidden;}
.fr-about-video__player video{display:block;width:100%;height:auto;max-height:80vh;background:#05121f;}
.fr-about-notes{padding-top:clamp(56px,6vw,96px);}
.fr-about-notes__list{display:grid;gap:14px;}
.fr-about-note{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;}
.fr-about-note[open]{border-color:rgba(15,89,164,.28);box-shadow:0 18px 42px rgba(13,35,68,.09);}
.fr-about-note summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 26px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--navy);}
.fr-about-note summary::-webkit-details-marker{display:none;}
.fr-about-note__plus{margin-left:auto;flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--bg);color:var(--blue);font-size:22px;font-weight:600;line-height:1;transition:transform .25s ease,background .2s ease,color .2s ease;}
.fr-about-note[open] .fr-about-note__plus{transform:rotate(45deg);background:var(--blue);color:#fff;}
.fr-about-note__ico{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(117,186,66,.14);color:var(--green);}
.fr-about-note__ico svg{width:22px;height:22px;}
.fr-about-note__body{padding:0 26px 24px 82px;}
.fr-about-note__body p{margin:0;color:var(--muted);font-size:16px;line-height:1.68;}
.fr-about-ctawrap{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(60px,7vw,110px);}
.fr-about-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:clamp(38px,4vw,54px) clamp(30px,4vw,52px);color:#fff;
  background:radial-gradient(circle at 84% 12%,rgba(117,186,66,.2),rgba(117,186,66,0) 36%),linear-gradient(145deg,var(--blue-light) 0%,var(--blue) 48%,#0b4f92 100%);
  box-shadow:0 26px 60px rgba(13,35,68,.18);}
.fr-about-cta::before,.fr-about-cta::after{content:"";position:absolute;right:44px;z-index:-1;width:78px;height:78px;border-right:18px solid rgba(255,255,255,.14);border-bottom:18px solid rgba(255,255,255,.14);border-radius:10px;transform:rotate(45deg);}
.fr-about-cta::before{bottom:78px;}
.fr-about-cta::after{bottom:-6px;}
.fr-about-cta__eyebrow{margin:0 0 16px;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;}
.fr-about-cta h2{color:#fff;font-size:clamp(26px,2.6vw,40px);max-width:620px;}
.fr-about-cta h2 strong{color:var(--green-soft);}
.fr-about-cta__text{max-width:520px;margin:18px 0 28px;color:rgba(255,255,255,.86);font-size:clamp(16px,1.15vw,18px);line-height:1.6;}
.fr-about-cta__links{display:flex;flex-wrap:wrap;gap:14px;}
.fr-about-cta__link{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:14px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;}
.fr-about-cta__link--primary{background:var(--green-soft);color:var(--navy);box-shadow:0 16px 34px rgba(117,186,66,.28);}
.fr-about-cta__link--primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 42px rgba(117,186,66,.36);}
.fr-about-cta__link--ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.24);}
.fr-about-cta__link--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px);}
.fr-about-cta__link--guide{
  position:relative;
  border:0;
  border-radius:999px;
  color:#fff !important;
  font-size:16px;
  font-weight:800;
  line-height:1;
  text-align:center;
  text-decoration:none !important;
  text-underline-offset:0;
  --wd-link-decor: none;
  --wd-link-decor-hover: none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.fr-about-cta__link--guide:hover,
.fr-about-cta__link--guide:focus,
.fr-about-cta__link--guide:active{
  color:#fff !important;
  outline:none;
  text-decoration:none !important;
}
@media (max-width:1024px){
  .fr-about-hero__inner{grid-template-columns:1fr;gap:32px;}
  .fr-about-intro{grid-template-columns:1fr;}
  .fr-about-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .fr-about-grid{grid-template-columns:1fr;}
  .fr-about-note__body{padding-left:26px;}
  .fr-about-hero__panel-num{font-size:46px;}
  .fr-about-video__title{font-size:26px;}
}
@media (prefers-reduced-motion:reduce){
  .fr-about-card,.fr-about-card::after,.fr-about-note__plus,.fr-about-cta__link{transition:none;}
  .fr-about-video__play{animation:none;}
}

/* ===================================================================
   4READY – homepage accordion v duchu stránky „Kdo jsme".
   =================================================================== */
.fr-home-faq{--navy:#0d2344;--blue:#0f59a4;--green:#75ba42;--ink:#13243a;--muted:#5f6f83;--line:#d8e5f3;--card:#ffffff;--bg:#f5f8fb;--shell:100%;
  box-sizing:border-box;width:var(--shell);max-width:100%;margin-inline:0;padding:clamp(18px,2.4vw,34px) 0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);}
.fr-home-faq,.fr-home-faq *{box-sizing:border-box;}
.fr-home-faq__head{max-width:720px;margin:0 0 clamp(18px,2vw,26px);}
.fr-home-faq__eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.24em;line-height:1.3;text-transform:uppercase;}
.fr-home-faq__head h2{margin:0;color:var(--navy);font-size:clamp(26px,2.45vw,34px);font-weight:300;line-height:1.14;letter-spacing:-.02em;}
.fr-home-faq__head h2 strong{font-weight:800;color:var(--navy);}
.fr-home-faq__list{display:grid;gap:10px;}
.fr-home-faq__item{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;outline:0;transition:border-color .2s ease,box-shadow .2s ease;}
.fr-home-faq__item[open]{border-color:rgba(15,89,164,.28);box-shadow:0 14px 34px rgba(13,35,68,.08);}
.fr-home-faq__item br {
    display: none;
}
.fr-home-faq__item summary{position:relative;list-style:none;cursor:pointer;display:flex!important;align-items:center;gap:14px;min-height:0!important;padding:16px 20px!important;color:var(--navy);font-size:clamp(16px,1.18vw,18px);font-weight:800;line-height:1.28;outline:0!important;}
.fr-home-faq__item summary::marker{content:"";display:none;}
.fr-home-faq__item summary::-webkit-details-marker{display:none;}
.fr-home-faq__item summary:focus,.fr-home-faq__item summary:focus-visible{outline:0!important;box-shadow:none!important;}
.fr-home-faq__item:focus,.fr-home-faq__item:focus-within{outline:0!important;}
.fr-home-faq__ico{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(117,186,66,.14);color:var(--green);line-height:0;}
.fr-home-faq__ico svg{display:block;width:22px;height:22px;overflow:visible;transform:none;}
.fr-home-faq__plus{margin-left:auto;flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--bg);color:var(--blue);font-size:22px;font-weight:600;line-height:1;transition:transform .25s ease,background .2s ease,color .2s ease;}
.fr-home-faq__item[open] .fr-home-faq__plus{transform:rotate(45deg);background:var(--blue);color:#fff;}
.fr-home-faq__body{padding:0 20px 20px 74px;}
.fr-home-faq__body p{max-width:720px;margin:0;color:var(--muted);font-size:15px;line-height:1.62;}
@media (max-width:900px){
  .fr-home-faq{--shell:100%;}
}
@media (max-width:600px){
  .fr-home-faq{padding-inline:16px;}
  .fr-home-faq__head h2{font-size:clamp(26px,8vw,34px);}
  .fr-home-faq__item summary{padding:15px 16px!important;gap:12px;font-size:16px;}
  .fr-home-faq__ico{width:42px;height:42px;border-radius:12px;}
  .fr-home-faq__ico svg{width:22px;height:22px;}
  .fr-home-faq__plus{width:34px;height:34px;}
  .fr-home-faq__body{padding:0 20px 22px;}
}
@media (prefers-reduced-motion:reduce){
  .fr-home-faq__item,.fr-home-faq__plus{transition:none;}
}

/* ===================================================================
   4READY – oprava klikatelnosti šipek carouselů na desktopu.
   Přechodové/reveal vrstvy nesmí překrýt ovládání blogu, portfolia ani referencí.
   =================================================================== */
@media (min-width:701px){
  .fr-refs__carousel{isolation:isolate;}
  .fr-refs--carousel .fr-refs__grid,
  .fr-refs--carousel .owl-stage-outer,
  .fr-refs--carousel .owl-stage,
  .fr-refs--carousel .owl-item{position:relative;z-index:1;}
  .fr-refs .fr-refs__nav{z-index:60;pointer-events:auto;}
  .fr-refs .fr-refs__nav::before{pointer-events:none;}
  .fr-reveal-ready .fr-ref.fr-reveal:not(.fr-reveal-visible){pointer-events:none;}

  .owl-carousel .owl-nav,
  .wd-carousel .owl-nav,
  .wd-carousel-container .owl-nav,
  .wd-carousel-container .wd-nav-arrows,
  .portfolio .owl-nav,
  .portfolio .wd-nav-arrows,
  .wd-portfolio .owl-nav,
  .wd-portfolio .wd-nav-arrows,
  .portfolio-carousel .owl-nav,
  .portfolio-carousel .wd-nav-arrows,
  .projects-carousel .owl-nav,
  .projects-carousel .wd-nav-arrows,
  .elementor-widget-wd_portfolio .owl-nav,
  .elementor-widget-wd_portfolio .wd-nav-arrows,
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next,
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next{position:relative;z-index:60;pointer-events:auto;}

  .owl-carousel .owl-prev,
  .owl-carousel .owl-next,
  .wd-carousel .owl-prev,
  .wd-carousel .owl-next,
  .wd-carousel-container .owl-prev,
  .wd-carousel-container .owl-next,
  .wd-carousel-container .wd-btn-arrow,
  .wd-carousel-container .wd-arrow,
  .wd-carousel-container [class*="wd-arrow"],
  .wd-carousel-container [class*="wd-btn-arrow"],
  .portfolio .wd-btn-arrow,
  .portfolio .wd-arrow,
  .portfolio [class*="wd-arrow"],
  .portfolio [class*="wd-btn-arrow"],
  .wd-portfolio .wd-btn-arrow,
  .wd-portfolio .wd-arrow,
  .wd-portfolio [class*="wd-arrow"],
  .wd-portfolio [class*="wd-btn-arrow"],
  .portfolio-carousel .wd-btn-arrow,
  .portfolio-carousel .wd-arrow,
  .portfolio-carousel [class*="wd-arrow"],
  .portfolio-carousel [class*="wd-btn-arrow"],
  .projects-carousel .wd-btn-arrow,
  .projects-carousel .wd-arrow,
  .projects-carousel [class*="wd-arrow"],
  .projects-carousel [class*="wd-btn-arrow"],
  .elementor-widget-wd_portfolio .wd-btn-arrow,
  .elementor-widget-wd_portfolio .wd-arrow,
  .elementor-widget-wd_portfolio [class*="wd-arrow"],
  .elementor-widget-wd_portfolio [class*="wd-btn-arrow"],
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next,
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next{z-index:70;pointer-events:auto;}
}

/* ===================================================================
   4READY – odsazení HERO sekcí pod over-content (průhledný) header.
   Header .whb-overcontent překrývá obsah a přidává na <body> třídu
   .wd-header-overlap. Hero NENÍ potomek headeru, proto se háček dává
   na body. Platí pro VŠECHNY ručně psané landing hero sekce:
   – nové stránky stačí označit třídou .fr-hero
   – stávající jsou pokryté konkrétní třídou (.fr-about-hero, .fr-faq-hero)
   Pozadí hero zůstává až k vršku (padding je uvnitř, prosvítá pod
   průhledným headerem), posune se jen obsah. Desktop header ~187px,
   mobilní ~60px.
   =================================================================== */
body.wd-header-overlap .fr-hero,
body.wd-header-overlap .fr-about-hero,
body.wd-header-overlap .fr-faq-hero {
    padding-top: 215px;
}
/* FAQ hero má na vnitřním wrapperu vlastní padding-top (~88px), který by
   se přičetl k odsazení a mezera pod headerem by nebyla stejná jako
   u ostatních hero. Pod overlap headerem ho vynulujeme – mezeru pak řídí
   jen sdílený padding hero výše (stejně jako u .fr-about-hero). */
body.wd-header-overlap .fr-faq-hero .fr-faq-hero__inner {
    padding-top: 0;
}
@media (max-width: 1024px) {
    body.wd-header-overlap .fr-hero,
    body.wd-header-overlap .fr-about-hero,
    body.wd-header-overlap .fr-faq-hero {
        padding-top: 96px;
    }
}

/* ===================================================================
   4READY – stránka „Úvodní slovo – new" (/uvodni-slovo-new/).
   Doplňkové styly k .fr-about (obal <main class="fr-about fr-intro">).
   =================================================================== */
.fr-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;max-width:760px;}
.fr-intro-actions a{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease;}
.fr-intro-actions a.is-primary{background:var(--green-soft);color:var(--navy);box-shadow:0 16px 34px rgba(117,186,66,.28);}
.fr-intro-actions a.is-primary:hover{color:#fff;transform:translateY(-2px);}
.fr-intro-actions a.is-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24);}
.fr-intro-actions a.is-ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);}
.fr-intro-actions a.fr-intro-actions__guide{
  min-height:58px;
  padding:6px 8px 6px 28px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  font-size:16px;
  font-weight:800;
  line-height:1;
  text-decoration:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  --wd-link-decor:none;
  --wd-link-decor-hover:none;
}
.fr-intro-actions a.fr-intro-actions__guide:hover,
.fr-intro-actions a.fr-intro-actions__guide:focus,
.fr-intro-actions a.fr-intro-actions__guide:active{
  color:#fff !important;
  text-decoration:none !important;
}
.fr-intro-actions a.fr-intro-actions__guide .dot-box{flex:0 0 40px;}
.fr-intro-author{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:32px 28px;backdrop-filter:blur(4px);}
.fr-intro-author img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.35);margin-bottom:8px;}
.fr-intro-author strong{color:#fff;font-size:18px;font-weight:800;}
.fr-intro-author span{color:rgba(255,255,255,.8);font-size:14px;}
.fr-intro-letter{display:grid;grid-template-columns:1.6fr .9fr;gap:clamp(32px,4vw,64px);align-items:start;padding-top:clamp(56px,6vw,96px);}
.fr-intro-letter__body h2{font-size:clamp(24px,2.6vw,38px);margin-bottom:22px;}
.fr-intro-letter__body p{margin:0 0 18px;color:#3a4759;font-size:clamp(16px,1.15vw,18px);line-height:1.75;}
.fr-intro-letter__body a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.fr-intro-sign{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.fr-intro-sign img{width:56px;height:56px;border-radius:50%;object-fit:cover;}
.fr-intro-sign strong{display:block;color:var(--navy);font-size:16px;font-weight:800;}
.fr-intro-sign span{color:var(--muted);font-size:14px;}
.fr-intro-note{position:sticky;top:120px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 26px;box-shadow:0 18px 44px rgba(13,35,68,.07);}
.fr-intro-note h3{font-size:19px;font-weight:800;color:var(--navy);margin:0 0 16px;}
.fr-intro-note ul{list-style:none;margin:0;padding:0;display:grid;gap:15px;}
.fr-intro-note li{position:relative;padding-left:32px;color:var(--muted);font-size:15px;line-height:1.55;}
.fr-intro-note li::before{content:"";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:rgba(117,186,66,.16);}
.fr-intro-note li::after{content:"";position:absolute;left:6px;top:7px;width:8px;height:4px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg);}
.fr-intro-variants{padding-top:clamp(56px,6vw,96px);}
.fr-intro-variants__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.fr-intro-variant{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 26px;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.fr-intro-variant:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(13,35,68,.12);border-color:rgba(15,89,164,.24);}
.fr-intro-variant__badge{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:rgba(15,89,164,.08);border-radius:999px;padding:6px 14px;margin-bottom:16px;}
.fr-intro-variant h3{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 6px;}
.fr-intro-variant__meta{color:var(--muted);font-size:15px;margin-bottom:20px;line-height:1.5;}
.fr-intro-variant__price{margin-top:auto;color:var(--navy);font-size:24px;font-weight:800;line-height:1.2;}
.fr-intro-variant__price small{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:2px;}
.fr-intro-variant__cta{margin-top:16px;color:var(--blue);font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease;}
.fr-intro-variant:hover .fr-intro-variant__cta{gap:10px;}
@media (max-width:1024px){
  .fr-intro-letter{grid-template-columns:1fr;}
  .fr-intro-note{position:static;}
  .fr-intro-variants__grid{grid-template-columns:1fr;}
}

/* ===================================================================
   4READY – SJEDNOCENÁ tlačítka ve stylu homepage (Woodmart .btn +
   dot-box animace) s naší barevností. Použití: tlačítku dát třídy
   `btn btn-style-default btn-color-primary fr-btn fr-btn--green|--ghost`
   a dovnitř <span class="wd-btn-text">…</span><span class="dot-box">
   <span class="dot-item"></span></span>.
   Literálové barvy → funguje i mimo .fr-about (např. FAQ).
   =================================================================== */
.fr-btn.btn.btn-style-default{
  min-height:58px;
  padding:6px 8px 6px 28px;
  font-size:16px;
  font-weight:800;
  border-radius:999px;
}
.fr-btn.btn.btn-style-default .wd-btn-text{min-width:0;}
.fr-btn.btn.btn-style-default .dot-box{flex:0 0 40px;}
/* zelené (primary) */
.fr-btn--green.btn.btn-style-default{
  background:#91c84a;
  color:#0d2344;
  box-shadow:0 16px 34px rgba(117,186,66,.28);
}
.fr-btn--green.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover{background:#83bb3a;color:#fff;}
.fr-btn--green.btn.btn-style-default.btn-color-primary:hover{color:#0d2344;}
.fr-btn--green.btn.btn-style-default.btn-color-primary::before{background:#78b53c;}
.fr-btn--green.btn.btn-style-default:hover .dot-box{background:#222;}
.fr-btn--green.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover .dot-box .dot-item,
.fr-btn--green.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover .dot-box .dot-item:before,
.fr-btn--green.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover .dot-box .dot-item:after {
    background: #fff;
}

/* ghost (světlé na tmavém pozadí – hero i CTA) */
.fr-btn--ghost.btn.btn-style-default{
  background:rgba(255,255,255,.12);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.fr-btn--ghost.btn.btn-style-default.btn-color-primary:not(.btn-icon):hover{background:rgba(255,255,255,.18);color:#fff;}
.fr-btn--ghost.btn.btn-style-default:hover .dot-box{background:#fff;}
.fr-btn--ghost.btn.btn-style-default:hover .dot-box .dot-item,
.fr-btn--ghost.btn.btn-style-default:hover .dot-box .dot-item::before,
.fr-btn--ghost.btn.btn-style-default:hover .dot-box .dot-item::after{background:#0d2344;}

/* ===================================================================
   4READY – obecné CSS pro dot-box na sjednocených tlačítkách.
   Woodmart stylizuje dot-box jen u .btn.btn-style-default.btn-color-primary.
   Globální filtr (functions.php) přidává dot-box i tlačítkům bez těchto tříd
   (do košíku, sticky lišta, přihlášení, kupón, formuláře…), proto jeho vzhled
   doplňujeme obecně. Barvu ani tvar tlačítek NEMĚNÍ, bez !important.
   =================================================================== */
.btn .dot-box,
.button .dot-box,
button .dot-box{
  display:inline-block;
  position:relative;
  flex:0 0 40px;
  width:40px;
  height:40px;
  margin-left:12px;
  border-radius:50%;
  background-color:#222;
  vertical-align:middle;
}
.btn .dot-box .dot-item,
.button .dot-box .dot-item,
button .dot-box .dot-item{
  position:absolute;
  left:calc(50% + 3px);
  top:calc(50% - 2.5px);
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:#fff;
  display:inline-block;
}
.btn:has(.dot-box),
.button:has(.dot-box),
button:has(.dot-box),
.wd-empty-mini-cart .btn:has(.dot-box) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-right: 7px;
} 
.btn:has(.dot-box)::before,
.button:has(.dot-box)::before,
button:has(.dot-box)::before,
.wd-empty-mini-cart .btn:has(.dot-box)::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:101%;
  height:100%;
  z-index:0;
  border-radius:0;
  background:#75ba42;
  transform:scale(0, 1);
  transform-origin:left center;
  transition:transform 500ms cubic-bezier(0.86,0,0.07,1);
}
.btn:has(.dot-box):hover::before,
.button:has(.dot-box):hover::before,
button:has(.dot-box):hover::before,
.wd-empty-mini-cart .btn:has(.dot-box):hover::before {
  transform:scale(1, 1);
  transform-origin:left center;
}
.btn:has(.dot-box) > *,
.button:has(.dot-box) > *,
button:has(.dot-box) > *,
.wd-empty-mini-cart .btn:has(.dot-box) > * {
  position:relative;
  z-index:2;
}
.button:has(.dot-box):hover,
button:has(.dot-box):hover,
.cart-widget-side .woocommerce-mini-cart__buttons .button:has(.dot-box):hover,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:has(.dot-box):hover,
.wd-coupon-form .button:has(.dot-box):hover {
  color:#fff;
}
.fr-btn--green.btn.btn-style-default:has(.dot-box)::before,
.fourready-next-step__button.btn:has(.dot-box)::before {
  background:#0d2344;
}
.fr-btn--ghost.btn.btn-style-default:has(.dot-box)::before {
  background:rgba(255,255,255,.18);
}
.btn .dot-box .dot-item::before,
.button .dot-box .dot-item::before,
button .dot-box .dot-item::before{
  content:"";
  position:absolute;
  left:-7px;
  top:-7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:#fff;
}
.btn .dot-box .dot-item::after,
.button .dot-box .dot-item::after,
button .dot-box .dot-item::after{
  content:"";
  position:absolute;
  left:-7px;
  bottom:-7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:#fff;
}

/* hover – tečky se plynule přeskupí (jako Woodmart dot-box animace) */
.btn .dot-box .dot-item,
.button .dot-box .dot-item,
button .dot-box .dot-item,
.btn .dot-box .dot-item::before,
.button .dot-box .dot-item::before,
button .dot-box .dot-item::before,
.btn .dot-box .dot-item::after,
.button .dot-box .dot-item::after,
button .dot-box .dot-item::after{
  transition:left 300ms ease, top 300ms ease, bottom 300ms ease, background-color 220ms ease;
}
.btn:hover .dot-box .dot-item,
.button:hover .dot-box .dot-item,
button:hover .dot-box .dot-item{
  left:calc(50% - 7px);
}
.btn:hover .dot-box .dot-item::before,
.button:hover .dot-box .dot-item::before,
button:hover .dot-box .dot-item::before{
  left:7px;
  top:7px;
}
.btn:hover .dot-box .dot-item::after,
.button:hover .dot-box .dot-item::after,
button:hover .dot-box .dot-item::after{
  left:7px;
  bottom:7px;
}

/* ikona košíku v tlačítku „Přidat do košíku“ (místo teček) */
.fr-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:10px;
}
.fr-btn-icon svg{
  width:21px;
  height:21px;
}

/* ===================================================================
   4READY – šipky galerie produktu: vycentrované PŘES obrázek (místo
   výchozí Woodmart „oddělené" pozice dole), kulaté modré s hoverem.
   Woodmart je defaultně skrývá (opacity 0, show-on-hover) a pozicuje
   dole – proto !important na barvu/opacity/pozici. Scopnuto na galerii.
   =================================================================== */
.product-images .wd-gallery-images .wd-carousel-inner{position:relative;}
.product-images .wd-gallery-images .wd-nav-arrows{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  bottom:auto;
  transform:translateY(-50%);
  height:0;
  margin:0;
  z-index:30;
  pointer-events:none;
  opacity:1 !important;
  visibility:visible !important;
}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow{
  pointer-events:auto;
  width:52px;
  height:52px;
  border-radius:50% !important;
  background:#0f59a4 !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(15,89,164,.32);
  top:-26px;
  bottom:-26px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:1 !important;
  visibility:visible !important;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-prev{left:14px;right:auto;transform:none;}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-next{right:14px;left:auto;transform:none;}
/* bílý chevron uvnitř (kreslený borderem) */
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner{position:relative;width:100%;height:100%;}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after{
  content:"" !important;
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:11px;
  border-right:2.5px solid #fff !important;
  border-top:2.5px solid #fff !important;
  border-left:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  box-sizing:border-box;
}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-next .wd-arrow-inner::after{transform:translate(-70%,-50%) rotate(45deg);}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-prev .wd-arrow-inner::after{transform:translate(-30%,-50%) rotate(-135deg);}
/* hover */
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow:hover{
  background:#0d2344 !important;
  transform:scale(1.08);
  box-shadow:0 12px 28px rgba(15,89,164,.45);
}
/* disabled (na krajní fotce) */
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-disabled{opacity:.4 !important;cursor:default;}
.product-images .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-disabled:hover{transform:none;background:#0f59a4 !important;}

/* 4READY – viditelný hover přejezd barvy pro globálně sjednocená tlačítka.
   Používáme background-size místo pseudo-elementu, protože Woo/Woodmart někdy
   vlastní ::before přebije. */
.btn:has(.dot-box),
.button:has(.dot-box),
button:has(.dot-box),
.wd-empty-mini-cart .btn:has(.dot-box),
.cart-widget-side .woocommerce-mini-cart__buttons .button:has(.dot-box),
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:has(.dot-box),
.wd-coupon-form .button:has(.dot-box) {
  background-image: linear-gradient(90deg, #75ba42 0%, #75ba42 100%) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 0 100% !important;
  transition:
    background-size 500ms cubic-bezier(0.86, 0, 0.07, 1),
    color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease !important;
}

.btn:has(.dot-box):hover,
.button:has(.dot-box):hover,
button:has(.dot-box):hover,
.wd-empty-mini-cart .btn:has(.dot-box):hover,
.cart-widget-side .woocommerce-mini-cart__buttons .button:has(.dot-box):hover,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:has(.dot-box):hover,
.wd-coupon-form .button:has(.dot-box):hover {
  background-size: 100% 100% !important;
  color: #fff !important;
}

.fr-btn--green.btn.btn-style-default:has(.dot-box),
.fourready-next-step__button.btn:has(.dot-box) {
  background-image: linear-gradient(90deg, #0d2344 0%, #0d2344 100%) !important;
}

.fr-btn--ghost.btn.btn-style-default:has(.dot-box) {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .18) 100%) !important;
}

/* ===================================================================
   FAQ hero – bez světlého přechodu (fade) dole, jako ostatní hero.
   Původně .fr-faq-hero::after dělal gradient do #f6f8fb.
   =================================================================== */
.fr-faq-hero::after{display:none;}

/* ===================================================================
   Video jako POPUP (modal) – kdo-jsme-new. Poster = <button>,
   po kliknutí JS (custom.js) otevře modal s <video>. Vnitřní třídy
   .fr-about-video__* (tag/play/title/sub/dur) se sdílí s původním posterem.
   =================================================================== */
.fr-about-video-poster{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  position:relative;isolation:isolate;overflow:hidden;width:100%;border:0;cursor:pointer;
  min-height:clamp(340px,34vw,480px);padding:56px 24px;color:#fff;
  border-radius:28px;box-shadow:0 26px 60px rgba(13,35,68,.18);
  background:repeating-linear-gradient(45deg,rgba(6,20,40,.5) 0 16px,rgba(6,20,40,.16) 16px 32px),linear-gradient(160deg,rgba(8,24,47,.82),rgba(13,64,116,.68)),url("https://www.4ready.cz/wp-content/uploads/2026/04/slide-5_06.Still004.webp");
  background-size:auto,auto,cover;background-position:center;
  transition:box-shadow .2s ease;
}
.fr-about-video-poster:hover{box-shadow:0 30px 70px rgba(13,35,68,.24);}
.fr-video-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,12,24,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.fr-video-modal[hidden]{display:none;}
.fr-video-modal__dialog{position:relative;width:min(1000px,100%);}
.fr-video-modal__video{display:block;width:100%;height:auto;max-height:calc(100vh - 48px);border-radius:16px;background:#05121f;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.fr-video-modal__close{position:absolute;top:-16px;right:-16px;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#0d2344;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:background .2s ease,color .2s ease;}
.fr-video-modal__close:hover{background:#f47b20;color:#fff;}
@media (max-width:600px){.fr-video-modal{padding:12px;}.fr-video-modal__close{top:8px;right:8px;}}

/* 4READY – finální hover přejezd pro WooCommerce tlačítka.
   Animace běží přes pseudo-element, aby se nezvětšoval dot-box vpravo. */
.woocommerce .button:has(.dot-box),
.woocommerce button.button:has(.dot-box),
.woocommerce a.button:has(.dot-box),
.cart-widget-side .woocommerce-mini-cart__buttons .button,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout .checkout-button,
.wd-coupon-form .button,
.woocommerce-cart-form button[name="apply_coupon"],
.woocommerce-cart-form button[name="update_cart"],
.single_add_to_cart_button:has(.dot-box),
.btn:has(.dot-box),
.button:has(.dot-box),
button:has(.dot-box) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: none !important;
  box-shadow: var(--fr-btn-shadow, none) !important;
  transition:
    color 220ms ease,
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

.woocommerce .button:has(.dot-box)::before,
.woocommerce button.button:has(.dot-box)::before,
.woocommerce a.button:has(.dot-box)::before,
.cart-widget-side .woocommerce-mini-cart__buttons .button::before,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button::before,
.wc-proceed-to-checkout .checkout-button::before,
.wd-coupon-form .button::before,
.woocommerce-cart-form button[name="apply_coupon"]::before,
.woocommerce-cart-form button[name="update_cart"]::before,
.single_add_to_cart_button:has(.dot-box)::before,
.btn:has(.dot-box)::before,
.button:has(.dot-box)::before,
button:has(.dot-box)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  z-index: 0;
  border-radius: 0;
  background: #75ba42;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  pointer-events: none;
}

.woocommerce .button:has(.dot-box):hover,
.woocommerce button.button:has(.dot-box):hover,
.woocommerce a.button:has(.dot-box):hover,
.cart-widget-side .woocommerce-mini-cart__buttons .button:hover,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover,
.wd-coupon-form .button:hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover,
.woocommerce-cart-form button[name="update_cart"]:hover,
.single_add_to_cart_button:has(.dot-box):hover,
.btn:has(.dot-box):hover,
.button:has(.dot-box):hover,
button:has(.dot-box):hover {
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(117, 186, 66, .26) !important;
}

.woocommerce .button:has(.dot-box):hover::before,
.woocommerce button.button:has(.dot-box):hover::before,
.woocommerce a.button:has(.dot-box):hover::before,
.cart-widget-side .woocommerce-mini-cart__buttons .button:hover::before,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover::before,
.wc-proceed-to-checkout .checkout-button:hover::before,
.wd-coupon-form .button:hover::before,
.woocommerce-cart-form button[name="apply_coupon"]:hover::before,
.woocommerce-cart-form button[name="update_cart"]:hover::before,
.single_add_to_cart_button:has(.dot-box):hover::before,
.btn:has(.dot-box):hover::before,
.button:has(.dot-box):hover::before,
button:has(.dot-box):hover::before {
  transform: scale(1, 1);
  transform-origin: left center;
}

.woocommerce .button:has(.dot-box) > *,
.woocommerce button.button:has(.dot-box) > *,
.woocommerce a.button:has(.dot-box) > *,
.cart-widget-side .woocommerce-mini-cart__buttons .button > *,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button > *,
.wc-proceed-to-checkout .checkout-button > *,
.wd-coupon-form .button > *,
.woocommerce-cart-form button[name="apply_coupon"] > *,
.woocommerce-cart-form button[name="update_cart"] > *,
.single_add_to_cart_button:has(.dot-box) > *,
.btn:has(.dot-box) > *,
.button:has(.dot-box) > *,
button:has(.dot-box) > * {
  position: relative;
  z-index: 2;
}

.btn:has(.dot-box) .dot-box,
.button:has(.dot-box) .dot-box,
button:has(.dot-box) .dot-box,
.woocommerce .button:has(.dot-box) .dot-box,
.woocommerce button.button:has(.dot-box) .dot-box,
.woocommerce a.button:has(.dot-box) .dot-box,
.cart-widget-side .woocommerce-mini-cart__buttons .button .dot-box,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button .dot-box,
.wc-proceed-to-checkout .checkout-button .dot-box,
.wd-coupon-form .button .dot-box {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  transform: none !important;
  transition: background-color 220ms ease !important;
}

.btn:has(.dot-box):hover .dot-box,
.button:has(.dot-box):hover .dot-box,
button:has(.dot-box):hover .dot-box,
.woocommerce .button:has(.dot-box):hover .dot-box,
.woocommerce button.button:has(.dot-box):hover .dot-box,
.woocommerce a.button:has(.dot-box):hover .dot-box,
.cart-widget-side .woocommerce-mini-cart__buttons .button:hover .dot-box,
.wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover .dot-box,
.wc-proceed-to-checkout .checkout-button:hover .dot-box,
.wd-coupon-form .button:hover .dot-box {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  transform: none !important;
}

/* 4READY – checkout button: text must stay above green hover overlay. */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button {
  color: #fff !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:focus,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:active,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:focus,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:active,
body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:focus,
body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:active {
  color: #fff !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .wd-btn-text,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .wd-btn-text,
body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .wd-btn-text {
  position: relative !important;
  z-index: 4 !important;
  color: #fff !important;
}

/* 4READY – mobil: čitelnější Woo tlačítka a dot-box pevně vpravo.
   Na mobilu se text + dot-box dříve centrovaly jako jedna skupina. */
@media (max-width: 768px) {
  .wd-side-hidden:not(.wd-side-hidden-nav) .btn:has(.dot-box),
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box),
  .wd-side-hidden:not(.wd-side-hidden-nav) button:has(.dot-box),
  .login-form-side .btn:has(.dot-box),
  .login-form-side .button:has(.dot-box),
  .login-form-side button:has(.dot-box),
  .cart-widget-side .woocommerce-mini-cart__buttons .button,
  .woocommerce-cart .button:has(.dot-box),
  .woocommerce-cart button:has(.dot-box),
  .woocommerce-checkout .button:has(.dot-box),
  .woocommerce-checkout button:has(.dot-box),
  .woocommerce-account .button:has(.dot-box),
  .woocommerce-account button:has(.dot-box),
  .login-form-side .create-account-button:has(.dot-box) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 8px 58px 8px 22px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .wd-side-hidden:not(.wd-side-hidden-nav) .btn:has(.dot-box) .wd-btn-text,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box) .wd-btn-text,
  .wd-side-hidden:not(.wd-side-hidden-nav) button:has(.dot-box) .wd-btn-text,
  .login-form-side .btn:has(.dot-box) .wd-btn-text,
  .login-form-side .button:has(.dot-box) .wd-btn-text,
  .login-form-side button:has(.dot-box) .wd-btn-text,
  .cart-widget-side .woocommerce-mini-cart__buttons .button .wd-btn-text,
  .woocommerce-cart .button:has(.dot-box) .wd-btn-text,
  .woocommerce-cart button:has(.dot-box) .wd-btn-text,
  .woocommerce-checkout .button:has(.dot-box) .wd-btn-text,
  .woocommerce-checkout button:has(.dot-box) .wd-btn-text,
  .woocommerce-account .button:has(.dot-box) .wd-btn-text,
  .woocommerce-account button:has(.dot-box) .wd-btn-text,
  .login-form-side .create-account-button:has(.dot-box) .wd-btn-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: center !important;
  }

  .wd-side-hidden:not(.wd-side-hidden-nav) .btn:has(.dot-box) .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box) .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) button:has(.dot-box) .dot-box,
  .login-form-side .btn:has(.dot-box) .dot-box,
  .login-form-side .button:has(.dot-box) .dot-box,
  .login-form-side button:has(.dot-box) .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons .button .dot-box,
  .woocommerce-cart .button:has(.dot-box) .dot-box,
  .woocommerce-cart button:has(.dot-box) .dot-box,
  .woocommerce-checkout .button:has(.dot-box) .dot-box,
  .woocommerce-checkout button:has(.dot-box) .dot-box,
  .woocommerce-account .button:has(.dot-box) .dot-box,
  .woocommerce-account button:has(.dot-box) .dot-box,
  .login-form-side .create-account-button:has(.dot-box) .dot-box {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    left: auto !important;
    margin-left: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
  }

  .wd-side-hidden:not(.wd-side-hidden-nav) .btn:has(.dot-box):hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box):hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) button:has(.dot-box):hover .dot-box,
  .login-form-side .btn:has(.dot-box):hover .dot-box,
  .login-form-side .button:has(.dot-box):hover .dot-box,
  .login-form-side button:has(.dot-box):hover .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons .button:hover .dot-box,
  .woocommerce-cart .button:has(.dot-box):hover .dot-box,
  .woocommerce-cart button:has(.dot-box):hover .dot-box,
  .woocommerce-checkout .button:has(.dot-box):hover .dot-box,
  .woocommerce-checkout button:has(.dot-box):hover .dot-box,
  .woocommerce-account .button:has(.dot-box):hover .dot-box,
  .woocommerce-account button:has(.dot-box):hover .dot-box,
  .login-form-side .create-account-button:has(.dot-box):hover .dot-box {
    transform: translateY(-50%) !important;
  }

  .wd-side-hidden:not(.wd-side-hidden-nav) .login-form label,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form label,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form-login label,
  .login-form-side .login-form label,
  .login-form-side .woocommerce-form label,
  .login-form-side .woocommerce-form-login label {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .wd-side-hidden:not(.wd-side-hidden-nav) .login-form input,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form input,
  .login-form-side .login-form input,
  .login-form-side .woocommerce-form input {
    font-size: 16px !important;
  }
}

/* 4READY – mobilní fix dot-boxu ve Woo tlačítkách.
   Kolečko musí zůstat pevně vpravo uvnitř tlačítka i u login/register formulářů. */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-form button.button,
  .woocommerce-account .woocommerce-form .button,
  .woocommerce-account .woocommerce-form-login__submit,
  .woocommerce-account .woocommerce-form-register__submit,
  .woocommerce-account .woocommerce-Button,
  .woocommerce-cart .button,
  .woocommerce-cart button.button,
  .woocommerce-checkout .button,
  .woocommerce-checkout button.button,
  .cart-widget-side .woocommerce-mini-cart__buttons .button,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form button.button,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form .button,
  .login-form-side .woocommerce-form button.button,
  .login-form-side .woocommerce-form .button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px !important;
    padding: 10px 64px !important;
    overflow: hidden !important;
    text-align: center !important;
    line-height: 1.25 !important;
  }

  .woocommerce-account .woocommerce-form button.button .dot-box,
  .woocommerce-account .woocommerce-form .button .dot-box,
  .woocommerce-account .woocommerce-form-login__submit .dot-box,
  .woocommerce-account .woocommerce-form-register__submit .dot-box,
  .woocommerce-account .woocommerce-Button .dot-box,
  .woocommerce-cart .button .dot-box,
  .woocommerce-cart button.button .dot-box,
  .woocommerce-checkout .button .dot-box,
  .woocommerce-checkout button.button .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons .button .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form button.button .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form .button .dot-box,
  .login-form-side .woocommerce-form button.button .dot-box,
  .login-form-side .woocommerce-form .button .dot-box {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    transform: translate3d(0, -50%, 0) !important;
    z-index: 4 !important;
  }

  .woocommerce-account .woocommerce-form button.button:hover .dot-box,
  .woocommerce-account .woocommerce-form .button:hover .dot-box,
  .woocommerce-account .woocommerce-form-login__submit:hover .dot-box,
  .woocommerce-account .woocommerce-form-register__submit:hover .dot-box,
  .woocommerce-account .woocommerce-Button:hover .dot-box,
  .woocommerce-cart .button:hover .dot-box,
  .woocommerce-cart button.button:hover .dot-box,
  .woocommerce-checkout .button:hover .dot-box,
  .woocommerce-checkout button.button:hover .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons .button:hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form button.button:hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-form .button:hover .dot-box,
  .login-form-side .woocommerce-form button.button:hover .dot-box,
  .login-form-side .woocommerce-form .button:hover .dot-box {
    transform: translate3d(0, -50%, 0) !important;
  }
}

/* 4READY – finální mobilní zarovnání dot-boxu napříč Woo tlačítky.
   Týká se hlavně bočního košíku, kde Woodmart někdy posune kolečko k dolní hraně. */
@media (max-width: 768px) {
  .cart-widget-side .woocommerce-mini-cart__buttons .button,
  .cart-widget-side .woocommerce-mini-cart__buttons a.button,
  .widget_shopping_cart .woocommerce-mini-cart__buttons .button,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-mini-cart__buttons .button,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  .woocommerce-cart .button:has(.dot-box),
  .woocommerce-cart button.button:has(.dot-box),
  .woocommerce-checkout .button:has(.dot-box),
  .woocommerce-checkout button.button:has(.dot-box),
  .woocommerce-account .button:has(.dot-box),
  .woocommerce-account button.button:has(.dot-box),
  .login-form-side .button:has(.dot-box),
  .login-form-side button.button:has(.dot-box),
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box),
  .wd-side-hidden:not(.wd-side-hidden-nav) button.button:has(.dot-box) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 58px !important;
    padding: 10px 66px 10px 22px !important;
    overflow: hidden !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }

  .cart-widget-side .woocommerce-mini-cart__buttons .button .wd-btn-text,
  .cart-widget-side .woocommerce-mini-cart__buttons a.button .wd-btn-text,
  .widget_shopping_cart .woocommerce-mini-cart__buttons .button .wd-btn-text,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-mini-cart__buttons .button .wd-btn-text,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button .wd-btn-text,
  .woocommerce-cart .button:has(.dot-box) .wd-btn-text,
  .woocommerce-cart button.button:has(.dot-box) .wd-btn-text,
  .woocommerce-checkout .button:has(.dot-box) .wd-btn-text,
  .woocommerce-checkout button.button:has(.dot-box) .wd-btn-text,
  .woocommerce-account .button:has(.dot-box) .wd-btn-text,
  .woocommerce-account button.button:has(.dot-box) .wd-btn-text,
  .login-form-side .button:has(.dot-box) .wd-btn-text,
  .login-form-side button.button:has(.dot-box) .wd-btn-text,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box) .wd-btn-text,
  .wd-side-hidden:not(.wd-side-hidden-nav) button.button:has(.dot-box) .wd-btn-text {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: inherit !important;
  }

  .cart-widget-side .woocommerce-mini-cart__buttons .button .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons a.button .dot-box,
  .widget_shopping_cart .woocommerce-mini-cart__buttons .button .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-mini-cart__buttons .button .dot-box,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button .dot-box,
  .woocommerce-cart .button:has(.dot-box) .dot-box,
  .woocommerce-cart button.button:has(.dot-box) .dot-box,
  .woocommerce-checkout .button:has(.dot-box) .dot-box,
  .woocommerce-checkout button.button:has(.dot-box) .dot-box,
  .woocommerce-account .button:has(.dot-box) .dot-box,
  .woocommerce-account button.button:has(.dot-box) .dot-box,
  .login-form-side .button:has(.dot-box) .dot-box,
  .login-form-side button.button:has(.dot-box) .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box) .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) button.button:has(.dot-box) .dot-box {
    position: absolute !important;
    inset: auto 10px auto auto !important;
    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    transform: translate3d(0, -50%, 0) !important;
    transform-origin: center !important;
    z-index: 5 !important;
  }

  .cart-widget-side .woocommerce-mini-cart__buttons .button:hover .dot-box,
  .cart-widget-side .woocommerce-mini-cart__buttons a.button:hover .dot-box,
  .widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .woocommerce-mini-cart__buttons .button:hover .dot-box,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover .dot-box,
  .woocommerce-cart .button:has(.dot-box):hover .dot-box,
  .woocommerce-cart button.button:has(.dot-box):hover .dot-box,
  .woocommerce-checkout .button:has(.dot-box):hover .dot-box,
  .woocommerce-checkout button.button:has(.dot-box):hover .dot-box,
  .woocommerce-account .button:has(.dot-box):hover .dot-box,
  .woocommerce-account button.button:has(.dot-box):hover .dot-box,
  .login-form-side .button:has(.dot-box):hover .dot-box,
  .login-form-side button.button:has(.dot-box):hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) .button:has(.dot-box):hover .dot-box,
  .wd-side-hidden:not(.wd-side-hidden-nav) button.button:has(.dot-box):hover .dot-box {
    transform: translate3d(0, -50%, 0) !important;
  }
}

/* 4READY – košík: přesné usazení dot-boxu v mobilním tlačítku pokladny.
   Oprava je záměrně jen pro stránku košíku, aby nerozbila ostatní Woo prvky. */
@media (max-width: 768px) {
  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 10px 64px 10px 22px !important;
    overflow: hidden !important;
    color: #fff !important;
    line-height: 1.2 !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:focus,
  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:active,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:focus,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:active,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:focus,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:active {
    color: #fff !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .wd-btn-text,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .wd-btn-text,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .wd-btn-text {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    color: #fff !important;
    text-align: center !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .dot-box,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .dot-box,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .dot-box {
    position: absolute !important;
    inset: auto 8px auto auto !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    transform: translate3d(0, -50%, 0) !important;
    transform-origin: center !important;
    overflow: hidden !important;
    z-index: 5 !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover .dot-box,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button:hover .dot-box,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button:hover .dot-box {
    transform: translate3d(0, -50%, 0) !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .dot-box .dot-item,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item {
    position: absolute !important;
    top: 50% !important;
    left: calc(50% + 4px) !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    transform: translate3d(-50%, -50%, 0) !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::before,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::before,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::before {
    top: -8px !important;
    right: auto !important;
    bottom: auto !important;
    left: -8px !important;
    transform: none !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::after,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::after,
  body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout .checkout-button .dot-box .dot-item::after {
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    left: -8px !important;
    transform: none !important;
  }
}

/* 4READY – zajímavější hover pro tlačítko nahoru. */
.scrollToTop {
  isolation: isolate;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(245, 249, 253, .82)) !important;
  color: #0d2344 !important;
  box-shadow:
    0 10px 28px rgba(13, 35, 68, .16),
    inset 0 0 0 1px rgba(255, 255, 255, .5) !important;
  transition:
    transform 260ms ease,
    color 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 260ms ease !important;
}

.scrollToTop::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border-radius: inherit;
  background:
    conic-gradient(from 180deg, rgba(117, 186, 66, 0), rgba(117, 186, 66, .9), rgba(22, 101, 174, .55), rgba(117, 186, 66, 0));
  opacity: 0;
  transform: scale(.82) rotate(-18deg);
  transition: opacity 260ms ease, transform 420ms cubic-bezier(.2, .8, .2, 1);
  pointer-events: none;
}

.scrollToTop::after {
  transition: transform 260ms ease, color 220ms ease !important;
}

.scrollToTop:hover,
.scrollToTop:focus-visible {
  transform: translateY(-6px) !important;
  color: #fff !important;
  border-color: rgba(117, 186, 66, .78) !important;
  background:
    linear-gradient(145deg, #75ba42, #1665ae) !important;
  box-shadow:
    0 18px 40px rgba(13, 35, 68, .22),
    0 0 0 7px rgba(117, 186, 66, .14) !important;
}

.scrollToTop:hover::before,
.scrollToTop:focus-visible::before {
  opacity: 1;
  transform: scale(1) rotate(12deg);
}

.scrollToTop:hover::after,
.scrollToTop:focus-visible::after {
  transform: translateY(-3px) !important;
}

.scrollToTop:active {
  transform: translateY(-2px) scale(.96) !important;
}

/* 4READY – stránka Doprava a platba (doprava-new). */
.fr-delivery-page {
  --fr-navy: #0d2344;
  --fr-blue: #0f59a4;
  --fr-green: #75ba42;
  --fr-orange: #e0643f;
  --fr-muted: #718096;
  --fr-line: #dfeaf4;
  --fr-soft: #f4f8fb;
  --fr-white: #fff;
  width: min(1440px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(34px, 4.5vw, 64px) 0;
  color: var(--fr-navy);
}

.fr-delivery-page,
.fr-delivery-page * {
  box-sizing: border-box;
}

.fr-delivery-page br {
  display: none;
}

.fr-delivery-page p:empty {
  display: none;
}

.fr-delivery-head {
  max-width: 720px;
  margin-bottom: clamp(24px, 3.2vw, 38px);
}

.fr-delivery-eyebrow {
  margin: 0 0 14px;
  color: var(--fr-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .24em;
  line-height: 1.3;
  text-transform: uppercase;
}

.fr-delivery-head h1,
.fr-delivery-section h2 {
  margin: 0;
  color: var(--fr-navy);
  font-weight: 500;
  letter-spacing: 0;
}

.fr-delivery-head h1 {
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.05;
}

.fr-delivery-head h1 strong,
.fr-delivery-section h2 strong {
  color: var(--fr-blue);
  font-weight: 800;
}

.fr-delivery-lead {
  margin: 16px 0 0;
  max-width: 660px;
  color: var(--fr-muted);
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.62;
}

.fr-delivery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.fr-delivery-card {
  position: relative;
  min-height: 214px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid var(--fr-line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 250, 253, .92));
  box-shadow: 0 18px 44px rgba(13, 35, 68, .08);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.fr-delivery-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(117, 186, 66, .14), rgba(15, 89, 164, .08));
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

.fr-delivery-card:hover {
  transform: translateY(-6px);
  border-color: rgba(117, 186, 66, .55);
  box-shadow: 0 26px 60px rgba(13, 35, 68, .14);
}

.fr-delivery-card:hover::before {
  opacity: 1;
}

.fr-delivery-card > * {
  position: relative;
  z-index: 1;
}

.fr-delivery-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  border-radius: 18px;
  color: var(--fr-blue);
  background: #eef7eb;
}

.fr-delivery-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fr-delivery-card h3 {
  margin: 0 0 10px;
  color: var(--fr-navy);
  font-size: 22px;
  line-height: 1.18;
}

.fr-delivery-card p {
  margin: 0;
  color: var(--fr-muted);
  font-size: 15px;
  line-height: 1.6;
}

.fr-delivery-price {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  margin-top: 16px;
  color: var(--fr-orange);
  font-size: clamp(28px, 2.35vw, 32px);
  font-weight: 800;
  line-height: 1;
}

.fr-delivery-price small {
  color: var(--fr-muted);
  font-size: 14px;
  font-weight: 700;
}

.fr-delivery-section {
  margin-top: clamp(38px, 4.8vw, 62px);
}

.fr-delivery-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.fr-delivery-section h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
}

.fr-delivery-note {
  max-width: 410px;
  margin: 0;
  color: var(--fr-muted);
  font-size: 16px;
  line-height: 1.65;
}

.fr-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.fr-payment-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  padding: 28px;
  border: 1px solid var(--fr-line);
  border-radius: 24px;
  background: var(--fr-white);
  box-shadow: 0 18px 48px rgba(13, 35, 68, .08);
}

.fr-payment-card h3 {
  margin: 0 0 8px;
  color: var(--fr-navy);
  font-size: 24px;
}

.fr-payment-card p {
  margin: 0;
  color: var(--fr-muted);
  font-size: 16px;
  line-height: 1.65;
}

.fr-payment-tag {
  display: inline-flex;
  margin-top: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  color: var(--fr-blue);
  background: #edf6ff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fr-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  counter-reset: fr-step;
}

.fr-step {
  position: relative;
  min-height: 190px;
  padding: 28px;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(145deg, #0d2344, #0f59a4);
  color: #fff;
  box-shadow: 0 24px 58px rgba(13, 35, 68, .18);
  counter-increment: fr-step;
}

.fr-step::before {
  content: "0" counter(fr-step);
  position: absolute;
  right: 20px;
  bottom: -8px;
  color: rgba(255, 255, 255, .1);
  font-size: 92px;
  font-weight: 900;
  line-height: 1;
}

.fr-step h3 {
  position: relative;
  margin: 0 0 12px;
  color: #fff;
  font-size: 23px;
}

.fr-step p {
  position: relative;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.65;
}

.fr-delivery-alert {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  margin-top: 20px;
  padding: 26px 28px;
  border: 1px solid rgba(117, 186, 66, .35);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(117, 186, 66, .12), rgba(15, 89, 164, .06));
}

.fr-delivery-alert strong {
  display: block;
  margin-bottom: 6px;
  color: var(--fr-navy);
  font-size: 20px;
}

.fr-delivery-alert p {
  margin: 0;
  color: var(--fr-muted);
  font-size: 16px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .fr-delivery-grid,
  .fr-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fr-delivery-section-head {
    display: block;
  }

  .fr-delivery-note {
    margin-top: 14px;
  }
}

@media (max-width: 680px) {
  .fr-delivery-page {
    width: min(100% - 28px, 1440px);
    padding: 34px 0 48px;
  }

  .fr-delivery-grid,
  .fr-payment-grid,
  .fr-steps {
    grid-template-columns: 1fr;
  }

  .fr-delivery-card,
  .fr-payment-card,
  .fr-step,
  .fr-delivery-alert {
    border-radius: 18px;
  }

  .fr-payment-card,
  .fr-delivery-alert {
    grid-template-columns: 1fr;
  }
}

/* 4READY – Můj účet: větší a čitelnější mobilní zobrazení. */
@media (max-width: 768px) {
  body.woocommerce-account .main-page-wrapper,
  body.woocommerce-account .site-content,
  body.woocommerce-account .woocommerce {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 26px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

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

  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 14px 22px !important;
    border-radius: 999px !important;
    color: #0d2344 !important;
    background: rgba(255, 255, 255, .82) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px rgba(13, 35, 68, .08) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0f59a4, #0d2344) !important;
    box-shadow: 0 14px 30px rgba(13, 35, 68, .18) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content p,
  body.woocommerce-account .woocommerce-MyAccount-content li,
  body.woocommerce-account .woocommerce-MyAccount-content address {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content a {
    font-size: inherit !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content h2,
  body.woocommerce-account .woocommerce-MyAccount-content h3,
  body.woocommerce-account .woocommerce-MyAccount-content legend {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content label,
  body.woocommerce-account .woocommerce-MyAccount-content .form-row label {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content input,
  body.woocommerce-account .woocommerce-MyAccount-content select,
  body.woocommerce-account .woocommerce-MyAccount-content textarea {
    font-size: 16px !important;
  }

  body.woocommerce-account .wd-my-account-links,
  body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links {
    gap: 18px !important;
  }

  body.woocommerce-account .wd-my-account-links a,
  body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a {
    min-height: 156px !important;
    padding: 26px 18px !important;
    border-radius: 24px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  body.woocommerce-account .wd-my-account-links a:before,
  body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a:before {
    margin-bottom: 14px !important;
    font-size: 54px !important;
  }
}

/* 4READY – detail produktu: výběr velikosti zavazadla musí zůstat jako 3 karty.
   Globální úpravy tlačítek/dot-boxu nesmí přebírat rozložení variant produktu. */
.single-product #detail-produktu .variations_form-linked .wd-swatches-product,
#detail-produktu .variations_form-linked .wd-swatches-product,
.single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product,
#detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product,
.single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product,
#detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.25vw, 14px) !important;
  align-items: stretch !important;
}

.single-product #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch,
#detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch,
.single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch,
#detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch,
.single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch,
#detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: clamp(82px, 8vw, 118px) !important;
  margin: 0 !important;
  padding: clamp(12px, 1.6vw, 20px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
}

.single-product #detail-produktu .variations_form-linked .wd-swatches-product .dot-box,
#detail-produktu .variations_form-linked .wd-swatches-product .dot-box,
.single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .dot-box,
#detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .dot-box,
.single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .dot-box,
#detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .dot-box {
  display: none !important;
}

.single-product #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch:has(.dot-box)::before,
#detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch:has(.dot-box)::before,
.single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch:has(.dot-box)::before,
#detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch:has(.dot-box)::before,
.single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch:has(.dot-box)::before,
#detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch:has(.dot-box)::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 480px) {
  .single-product #detail-produktu .variations_form-linked .wd-swatches-product,
  #detail-produktu .variations_form-linked .wd-swatches-product,
  .single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product,
  #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product,
  .single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product,
  #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .single-product #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch,
  #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch,
  .single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch,
  #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch,
  .single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch,
  #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch {
    min-height: 76px !important;
    padding: 10px 6px !important;
  }

  .single-product #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch-text,
  #detail-produktu .variations_form-linked .wd-swatches-product .wd-swatch-text,
  .single-product #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch-text,
  #detail-produktu .variations_form tr:has(label[for*="zavazadlo"]) .wd-swatches-product .wd-swatch-text,
  .single-product #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch-text,
  #detail-produktu .variations_form tr:has(label[for*="velikost"]) .wd-swatches-product .wd-swatch-text {
    font-size: clamp(13px, 3.6vw, 16px) !important;
    line-height: 1.2 !important;
  }
}

/* 4READY – detail produktu: robustní fix pro rozložení velikosti zavazadla do 3 sloupců. */
.single-product .variations_form .wd-swatches-product,
.single-product form.variations_form .wd-swatches-product,
.single-product table.variations .wd-swatches-product,
.single-product .product-type-variable .wd-swatches-product {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.2vw, 14px) !important;
  align-items: stretch !important;
}

.single-product .variations_form .wd-swatches-product .wd-swatch,
.single-product form.variations_form .wd-swatches-product .wd-swatch,
.single-product table.variations .wd-swatches-product .wd-swatch,
.single-product .product-type-variable .wd-swatches-product .wd-swatch {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: clamp(82px, 7vw, 112px) !important;
  margin: 0 !important;
  padding: clamp(12px, 1.4vw, 18px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
}

.single-product .variations_form .wd-swatches-product .wd-swatch-text,
.single-product form.variations_form .wd-swatches-product .wd-swatch-text,
.single-product table.variations .wd-swatches-product .wd-swatch-text,
.single-product .product-type-variable .wd-swatches-product .wd-swatch-text {
  white-space: normal !important;
  line-height: 1.2 !important;
}

@media (max-width: 767px) {
  .single-product .variations_form .wd-swatches-product,
  .single-product form.variations_form .wd-swatches-product,
  .single-product table.variations .wd-swatches-product,
  .single-product .product-type-variable .wd-swatches-product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .single-product .variations_form .wd-swatches-product .wd-swatch,
  .single-product form.variations_form .wd-swatches-product .wd-swatch,
  .single-product table.variations .wd-swatches-product .wd-swatch,
  .single-product .product-type-variable .wd-swatches-product .wd-swatch {
    min-height: 76px !important;
    padding: 10px 6px !important;
  }

  .single-product .variations_form .wd-swatches-product .wd-swatch-text,
  .single-product form.variations_form .wd-swatches-product .wd-swatch-text,
  .single-product table.variations .wd-swatches-product .wd-swatch-text,
  .single-product .product-type-variable .wd-swatches-product .wd-swatch-text {
    font-size: clamp(13px, 3.4vw, 16px) !important;
  }
}

/* 4READY – mobil: tlačítko Vytvořit účet v login panelu jako ostatní pill CTA. */
body .login-form-side .create-account-button.fr-create-account-button,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button,
body .login-form-side a.create-account-button:has(.dot-box),
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 520px) !important;
  min-height: 58px !important;
  margin: 0 auto !important;
  padding: 10px 70px 10px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  color: #fff !important;
  background: #75ba42 !important;
  box-shadow: 0 18px 38px rgba(117, 186, 66, .24) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow: hidden !important;
}

body .login-form-side .create-account-button.fr-create-account-button::before,
body .login-form-side .create-account-button.fr-create-account-button::after,
body .login-form-side a.create-account-button:has(.dot-box)::before,
body .login-form-side a.create-account-button:has(.dot-box)::after,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button::before,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button::after,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box)::before,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box)::after {
  content: none !important;
  display: none !important;
}

body .login-form-side .create-account-button.fr-create-account-button:hover,
body .login-form-side .create-account-button.fr-create-account-button:focus,
body .login-form-side a.create-account-button:has(.dot-box):hover,
body .login-form-side a.create-account-button:has(.dot-box):focus,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:hover,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:focus,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):hover,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):focus {
  color: #fff !important;
  background: #83c84b !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(117, 186, 66, .30) !important;
}

body .login-form-side .create-account-button.fr-create-account-button .wd-btn-text,
body .login-form-side a.create-account-button:has(.dot-box) .wd-btn-text,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button .wd-btn-text,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) .wd-btn-text {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: normal !important;
}

body .login-form-side .create-account-button.fr-create-account-button .dot-box,
body .login-form-side a.create-account-button:has(.dot-box) .dot-box,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button .dot-box,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) .dot-box {
  position: absolute !important;
  top: 50% !important;
  right: 9px !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #222 !important;
  transform: translate3d(0, -50%, 0) !important;
  z-index: 3 !important;
}

body .login-form-side .create-account-button.fr-create-account-button:hover .dot-box,
body .login-form-side a.create-account-button:has(.dot-box):hover .dot-box,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:hover .dot-box,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):hover .dot-box {
  background: #222 !important;
  transform: translate3d(0, -50%, 0) !important;
}

@media (max-width: 768px) {
  body .login-form-side .create-account-button:has(.dot-box),
  body .wd-side-hidden.login-form-side .create-account-button:has(.dot-box) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 10px 66px 10px 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #1767b1 !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(13, 96, 177, .18) !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    white-space: normal !important;
  }

  body .login-form-side .create-account-button:has(.dot-box)::before,
  body .login-form-side .create-account-button:has(.dot-box)::after,
  body .wd-side-hidden.login-form-side .create-account-button:has(.dot-box)::before,
  body .wd-side-hidden.login-form-side .create-account-button:has(.dot-box)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body .login-form-side .create-account-button:has(.dot-box) .wd-btn-text,
  body .wd-side-hidden.login-form-side .create-account-button:has(.dot-box) .wd-btn-text {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body .login-form-side .create-account-button:has(.dot-box) .dot-box,
  body .wd-side-hidden.login-form-side .create-account-button:has(.dot-box) .dot-box {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    transform: translate3d(0, -50%, 0) !important;
    z-index: 3 !important;
  }
}

body .login-form-side .create-account-button.fr-create-account-button,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button,
body .login-form-side a.create-account-button:has(.dot-box),
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) {
  width: min(100%, 520px) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #75ba42 !important;
  box-shadow: 0 18px 38px rgba(117, 186, 66, .24) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body .login-form-side .create-account-button.fr-create-account-button:hover,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:hover,
body .login-form-side a.create-account-button:has(.dot-box):hover,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):hover {
  color: #fff !important;
  background: #83c84b !important;
  text-decoration: none !important;
}

body .login-form-side .create-account-button.fr-create-account-button .dot-box,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button .dot-box,
body .login-form-side a.create-account-button:has(.dot-box) .dot-box,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) .dot-box {
  background: #222 !important;
}

/* 4READY – login panel: sjednocení tlačítek Přihlásit se / Vytvořit účet. */
body .login-form-side .fr-login-button:has(.dot-box),
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box),
body .login-form-side .create-account-button.fr-create-account-button,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button,
body .login-form-side a.create-account-button:has(.dot-box),
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 auto !important;
  padding: 10px 68px 10px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

body .login-form-side .fr-login-button:has(.dot-box) {
  background: #1767b1 !important;
  box-shadow: 0 16px 34px rgba(13, 96, 177, .18) !important;
}

body .login-form-side .create-account-button.fr-create-account-button,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button,
body .login-form-side a.create-account-button:has(.dot-box),
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) {
  background: #75ba42 !important;
  box-shadow: 0 16px 34px rgba(117, 186, 66, .22) !important;
}

body .login-form-side .fr-login-button:has(.dot-box)::before,
body .login-form-side .fr-login-button:has(.dot-box)::after,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box)::before,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box)::after,
body .login-form-side .create-account-button.fr-create-account-button::before,
body .login-form-side .create-account-button.fr-create-account-button::after,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button::before,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button::after,
body .login-form-side a.create-account-button:has(.dot-box)::before,
body .login-form-side a.create-account-button:has(.dot-box)::after,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box)::before,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box)::after {
  content: none !important;
  display: none !important;
}

body .login-form-side .fr-login-button:has(.dot-box):hover,
body .login-form-side .fr-login-button:has(.dot-box):focus,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box):hover,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box):focus {
  color: #fff !important;
  background: #1b70bf !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(13, 96, 177, .26) !important;
}

body .login-form-side .create-account-button.fr-create-account-button:hover,
body .login-form-side .create-account-button.fr-create-account-button:focus,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:hover,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:focus,
body .login-form-side a.create-account-button:has(.dot-box):hover,
body .login-form-side a.create-account-button:has(.dot-box):focus,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):hover,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):focus {
  color: #fff !important;
  background: #83c84b !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(117, 186, 66, .30) !important;
}

body .login-form-side .fr-login-button:has(.dot-box) .wd-btn-text,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box) .wd-btn-text,
body .login-form-side .create-account-button.fr-create-account-button .wd-btn-text,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button .wd-btn-text,
body .login-form-side a.create-account-button:has(.dot-box) .wd-btn-text,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) .wd-btn-text {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body .login-form-side .fr-login-button:has(.dot-box) .dot-box,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box) .dot-box,
body .login-form-side .create-account-button.fr-create-account-button .dot-box,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button .dot-box,
body .login-form-side a.create-account-button:has(.dot-box) .dot-box,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) .dot-box {
  position: absolute !important;
  top: 50% !important;
  right: 9px !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #222 !important;
  transform: translate3d(0, -50%, 0) !important;
  z-index: 3 !important;
}

body .login-form-side .fr-login-button:has(.dot-box):hover .dot-box,
body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box):hover .dot-box,
body .login-form-side .create-account-button.fr-create-account-button:hover .dot-box,
body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button:hover .dot-box,
body .login-form-side a.create-account-button:has(.dot-box):hover .dot-box,
body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box):hover .dot-box {
  background: #222 !important;
  transform: translate3d(0, -50%, 0) !important;
}

@media (max-width: 480px) {
  body .login-form-side .fr-login-button:has(.dot-box),
  body .wd-side-hidden.login-form-side .fr-login-button:has(.dot-box),
  body .login-form-side .create-account-button.fr-create-account-button,
  body .wd-side-hidden.login-form-side .create-account-button.fr-create-account-button,
  body .login-form-side a.create-account-button:has(.dot-box),
  body .wd-side-hidden.login-form-side a.create-account-button:has(.dot-box) {
    font-size: 16px !important;
    padding-right: 62px !important;
    padding-left: 22px !important;
  }
}

/* BEGIN 4READY – PRŮVODCE VÝBĚREM SADY */
/* 4READY – Průvodce výběrem sady (návrh pro pozdější přesun do custom.css) */
/* Připravená WP stránka 3765 používá výchozí šablonu. Tyto selektory z ní
   po nasazení udělají stejný full-width landing layout jako FAQ a Kdo jsme. */
body.page-id-3765 .page-title {
  display: none;
}

body.page-id-3765 .main-page-wrapper {
  padding-top: 0;
  margin-top: -20px;
}

body.page-id-3765 #main-content {
  width: 100%;
  max-width: none;
  padding: 0;
}

body.page-id-3765 #post-3765,
body.page-id-3765 .site-content {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fr-guide-page {
  --fr-guide-navy: #0d2344;
  --fr-guide-blue: #0f59a4;
  --fr-guide-blue-light: #176fbd;
  --fr-guide-green: #75ba42;
  --fr-guide-green-soft: #91c84a;
  --fr-guide-orange: #f47b20;
  --fr-guide-ink: #13243a;
  --fr-guide-muted: #637286;
  --fr-guide-line: #dfe8f1;
  --fr-guide-bg: #f5f8fb;
  --fr-guide-card: #fff;
  --fr-guide-shell: 1180px;
  overflow: hidden;
  color: var(--fr-guide-ink);
  background: var(--fr-guide-bg);
  font-family: inherit;
}

.fr-guide-page,
.fr-guide-page * {
  box-sizing: border-box;
}

/* WordPress wpautop may inject line breaks and wrapper paragraphs into Custom HTML. */
.fr-guide-page br,
.fr-guide-page p:empty {
  display: none !important;
  margin: 0 !important;
}

.fr-guide-options > p {
  display: contents;
  margin: 0;
}

.fr-guide-page button,
.fr-guide-page a,
.fr-guide-page input {
  font: inherit;
}

.fr-guide-shell {
  width: min(var(--fr-guide-shell), calc(100% - 40px));
  margin-inline: auto;
}

.fr-guide-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(72px, 8vw, 124px) 0 clamp(76px, 8vw, 128px);
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 18, 35, .96) 0%, rgba(10, 47, 84, .88) 52%, rgba(15, 89, 164, .56) 100%),
    url("https://www.4ready.cz/wp-content/uploads/2026/04/slide-5_06.Still004.webp") center / cover no-repeat;
}

body.page-id-3765 .fr-guide-hero {
  margin-top: 0;
}

body.wd-header-overlap .fr-guide-hero {
  padding-top: 215px;
}

.fr-guide-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 72%);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.fr-guide-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
  gap: clamp(34px, 5vw, 74px);
  align-items: center;
}

.fr-guide-eyebrow {
  margin: 0 0 15px;
  color: #8fc2ff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.fr-guide-hero h1,
.fr-guide-section-head h2,
.fr-guide-result h2,
.fr-guide-help h2 {
  margin: 0;
  font-weight: 300;
  letter-spacing: -.03em;
  line-height: 1.1;
}

.fr-guide-hero h1 {
  max-width: 760px;
  color: #fff;
  font-size: clamp(38px, 5.1vw, 68px);
}

.fr-guide-hero h1 strong {
  display: block;
  color: var(--fr-guide-green-soft);
  font-weight: 800;
}

.fr-guide-hero__lead {
  max-width: 650px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, .86);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.65;
}

.fr-guide-hero__panel {
  padding: 30px 28px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.09);
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.fr-guide-hero__panel-number {
  display: block;
  margin-bottom: 10px;
  color: var(--fr-guide-green-soft);
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.05em;
}

.fr-guide-hero__panel strong {
  display: block;
  margin-bottom: 9px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

.fr-guide-hero__panel p {
  margin: 0;
  color: rgba(255,255,255,.8);
  font-size: 15px;
  line-height: 1.6;
}

.fr-guide-main {
  padding: clamp(58px, 7vw, 104px) 0 clamp(64px, 8vw, 118px);
}

.fr-guide-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 30px;
  align-items: end;
  margin-bottom: 28px;
}

.fr-guide-section-head .fr-guide-eyebrow {
  color: var(--fr-guide-blue);
}

.fr-guide-section-head h2,
.fr-guide-help h2 {
  color: var(--fr-guide-navy);
  font-size: clamp(30px, 3.5vw, 48px);
}

.fr-guide-section-head h2 strong,
.fr-guide-help h2 strong {
  color: var(--fr-guide-navy);
  font-weight: 800;
}

.fr-guide-section-head > p {
  max-width: 360px;
  margin: 0;
  color: var(--fr-guide-muted);
  font-size: 15px;
  line-height: 1.6;
  text-align: right;
}

.fr-guide-wizard {
  display: grid;
  grid-template-columns: minmax(210px, .36fr) minmax(0, 1fr);
  min-height: 600px;
  overflow: hidden;
  border: 1px solid var(--fr-guide-line);
  border-radius: 28px;
  background: var(--fr-guide-card);
  box-shadow: 0 28px 70px rgba(13,35,68,.10);
}

.fr-guide-progress {
  position: relative;
  padding: 38px 30px;
  color: #fff;
  background: linear-gradient(165deg, #0a1d38 0%, #0d315c 58%, #0f59a4 100%);
}

.fr-guide-progress::after {
  content: "";
  position: absolute;
  right: -58px;
  bottom: -62px;
  width: 180px;
  height: 180px;
  border: 38px solid rgba(145,200,74,.12);
  border-radius: 50%;
}

.fr-guide-progress__label {
  margin: 0 0 24px;
  color: rgba(255,255,255,.64);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.fr-guide-progress__bar {
  height: 5px;
  overflow: hidden;
  margin-bottom: 32px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
}

.fr-guide-progress__bar span {
  display: block;
  width: 33.333%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--fr-guide-green), var(--fr-guide-green-soft));
  transition: width .3s ease;
}

.fr-guide-progress ol {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fr-guide-progress li {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  border-radius: 14px;
  color: rgba(255,255,255,.56);
  transition: background .2s ease, color .2s ease;
}

.fr-guide-progress li span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  font-weight: 800;
}

.fr-guide-progress li strong {
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: 800;
}

.fr-guide-progress li small {
  display: block;
  margin-top: 2px;
  color: rgba(255,255,255,.42);
  font-size: 12px;
}

.fr-guide-progress li.is-active {
  color: #fff;
  background: rgba(255,255,255,.10);
}

.fr-guide-progress li.is-active span,
.fr-guide-progress li.is-done span {
  border-color: var(--fr-guide-green-soft);
  color: var(--fr-guide-navy);
  background: var(--fr-guide-green-soft);
}

.fr-guide-progress li.is-done {
  color: rgba(255,255,255,.82);
}

.fr-guide-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(30px, 4.5vw, 58px);
}

.fr-guide-step {
  display: none;
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.fr-guide-step.is-active {
  display: block;
  animation: fr-guide-step-in .34s ease both;
}

@keyframes fr-guide-step-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.fr-guide-step__count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: var(--fr-guide-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.fr-guide-step__count::before {
  content: "";
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: var(--fr-guide-green);
}

.fr-guide-step legend {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: var(--fr-guide-navy);
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.025em;
}

.fr-guide-step legend:focus {
  outline: none;
}

.fr-guide-step legend .fr-guide-step__count {
  display: flex;
  width: max-content;
  margin-bottom: 13px;
}

.fr-guide-step__title {
  display: block;
}

.fr-guide-step__lead {
  max-width: 680px;
  margin: 0 0 28px;
  color: var(--fr-guide-muted);
  font-size: 16px;
  line-height: 1.65;
}

.fr-guide-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.fr-guide-options--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fr-guide-option {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 190px;
  cursor: pointer;
}

.fr-guide-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.fr-guide-option__card {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 24px 22px 22px;
  overflow: hidden;
  border: 1px solid var(--fr-guide-line);
  border-radius: 18px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.fr-guide-option__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--fr-guide-blue), var(--fr-guide-green));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .24s ease;
}

.fr-guide-option:hover .fr-guide-option__card {
  transform: translateY(-4px);
  border-color: rgba(15,89,164,.26);
  box-shadow: 0 18px 38px rgba(13,35,68,.10);
}

.fr-guide-option input:checked ~ .fr-guide-option__card {
  border-color: var(--fr-guide-blue);
  background: linear-gradient(180deg, #fff, #f4f9ff);
  box-shadow: 0 18px 42px rgba(15,89,164,.14), inset 0 0 0 1px var(--fr-guide-blue);
}

.fr-guide-option input:checked ~ .fr-guide-option__card::after {
  transform: scaleX(1);
}

.fr-guide-option input:focus-visible ~ .fr-guide-option__card {
  outline: 3px solid rgba(15,89,164,.24);
  outline-offset: 3px;
}

.fr-guide-option input:disabled ~ .fr-guide-option__card {
  cursor: not-allowed;
  opacity: .48;
  background: #f2f4f6;
  box-shadow: none;
}

.fr-guide-option__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
}

.fr-guide-option__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.09);
}

.fr-guide-option__icon svg {
  width: 25px;
  height: 25px;
}

.fr-guide-option__check {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--fr-guide-line);
  border-radius: 50%;
  color: transparent;
  font-size: 14px;
  font-weight: 900;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.fr-guide-option input:checked ~ .fr-guide-option__card .fr-guide-option__check {
  border-color: var(--fr-guide-green);
  color: #fff;
  background: var(--fr-guide-green);
}

.fr-guide-option__card strong {
  display: block;
  margin-bottom: 7px;
  color: var(--fr-guide-navy);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.fr-guide-option__card small {
  display: block;
  margin-top: auto;
  color: var(--fr-guide-muted);
  font-size: 14px;
  line-height: 1.55;
}

.fr-guide-option__dimension,
.fr-guide-option__shelf-life {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--fr-guide-line);
  color: var(--fr-guide-muted);
  font-size: 12px;
  line-height: 1.35;
}

.fr-guide-option__dimension b,
.fr-guide-option__shelf-life b {
  color: var(--fr-guide-navy);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.fr-guide-storage-note {
  margin: 18px 0 0;
  padding: 12px 15px;
  border: 1px solid rgba(15, 89, 164, .12);
  border-radius: 12px;
  color: var(--fr-guide-muted);
  background: rgba(15, 89, 164, .045);
  font-size: 12px;
  line-height: 1.55;
}

.fr-guide-option__tag {
  align-self: flex-start;
  margin-top: 11px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.08);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fr-guide-message {
  display: none;
  margin: 18px 0 0;
  padding: 13px 16px;
  border: 1px solid rgba(244,123,32,.24);
  border-radius: 13px;
  color: #784015;
  background: rgba(244,123,32,.08);
  font-size: 14px;
  line-height: 1.5;
}

.fr-guide-message.is-visible {
  display: block;
}

.fr-guide-error {
  min-height: 22px;
  margin: 18px 0 0;
  color: #b63a31;
  font-size: 14px;
  font-weight: 700;
}

.fr-guide-actions {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--fr-guide-line);
}

.fr-guide-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 22px;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.fr-guide-button--primary {
  margin-left: auto;
  color: #fff;
  background: linear-gradient(135deg, var(--fr-guide-blue-light), var(--fr-guide-blue));
  box-shadow: 0 14px 28px rgba(15,89,164,.22);
}

.fr-guide-button--primary:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(15,89,164,.30);
}

.fr-guide-button--secondary {
  color: var(--fr-guide-navy);
  background: #edf3f8;
}

.fr-guide-button--secondary:hover {
  color: var(--fr-guide-blue);
  background: #e4eef7;
}

.fr-guide-button[hidden] {
  display: none;
}

.fr-guide-result {
  display: none;
  grid-column: 1 / -1;
  padding: clamp(28px, 4vw, 50px);
  background: #fff;
}

.fr-guide-wizard.is-result .fr-guide-progress,
.fr-guide-wizard.is-result .fr-guide-stage {
  display: none;
}

.fr-guide-wizard.is-result .fr-guide-result {
  display: block;
  animation: fr-guide-step-in .4s ease both;
}

.fr-guide-result__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.fr-guide-result__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  color: var(--fr-guide-green);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.fr-guide-result__eyebrow::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background: var(--fr-guide-green);
  font-size: 13px;
}

.fr-guide-result h2 {
  color: var(--fr-guide-navy);
  font-size: clamp(28px, 3.2vw, 44px);
}

.fr-guide-result h2 strong {
  font-weight: 800;
}

.fr-guide-result__card {
  display: grid;
  grid-template-columns: minmax(250px, .76fr) minmax(0, 1.24fr);
  overflow: hidden;
  border: 1px solid var(--fr-guide-line);
  border-radius: 22px;
  background: linear-gradient(135deg, #f7faff, #fff);
}

.fr-guide-result__media {
  display: grid;
  place-items: center;
  min-height: 360px;
  padding: 30px;
  background: #fff;
}

.fr-guide-result__media img {
  display: block;
  width: min(100%, 420px);
  max-height: 320px;
  object-fit: contain;
}

.fr-guide-result__content {
  padding: clamp(28px, 4vw, 46px);
  border-left: 1px solid var(--fr-guide-line);
}

.fr-guide-result__badge {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 6px 11px;
  border-radius: 999px;
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.09);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fr-guide-result__content h3 {
  margin: 0 0 10px;
  color: var(--fr-guide-navy);
  font-size: clamp(25px, 2.6vw, 36px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.fr-guide-result__price {
  display: block;
  margin-bottom: 18px;
  color: var(--fr-guide-blue);
  font-size: 27px;
  font-weight: 800;
}

.fr-guide-result__reason {
  margin: 0 0 20px;
  color: var(--fr-guide-muted);
  font-size: 16px;
  line-height: 1.65;
}

.fr-guide-result__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 24px;
}

.fr-guide-result__chips span {
  padding: 8px 12px;
  border: 1px solid var(--fr-guide-line);
  border-radius: 10px;
  color: var(--fr-guide-navy);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
}

.fr-guide-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.fr-guide-comparison {
  padding-top: clamp(64px, 8vw, 110px);
}

.fr-guide-compare {
  margin-top: 30px;
  overflow: hidden;
  border: 1px solid var(--fr-guide-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(13,35,68,.07);
}

.fr-guide-compare__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--fr-guide-line);
  background: linear-gradient(135deg, #f7faff, #fff);
}

.fr-guide-compare__toolbar > div:first-child {
  display: grid;
  gap: 3px;
}

.fr-guide-compare__toolbar > div:first-child strong {
  color: var(--fr-guide-navy);
  font-size: 15px;
  font-weight: 800;
}

.fr-guide-compare__toolbar > div:first-child span {
  color: var(--fr-guide-muted);
  font-size: 12px;
}

.fr-guide-compare__toggle {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(145px, 1fr));
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--fr-guide-line);
  border-radius: 14px;
  background: #edf3f8;
}

.fr-guide-compare__toggle button {
  display: grid;
  gap: 2px;
  min-height: 50px;
  padding: 8px 14px;
  border: 0;
  border-radius: 10px;
  color: var(--fr-guide-muted);
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.fr-guide-compare__toggle button strong {
  font-size: 13px;
  font-weight: 800;
}

.fr-guide-compare__toggle button small {
  font-size: 10px;
  line-height: 1.3;
}

.fr-guide-compare__toggle button.is-active {
  color: var(--fr-guide-navy);
  background: #fff;
  box-shadow: 0 6px 16px rgba(13,35,68,.10);
}

.fr-guide-compare__toggle button.is-active strong {
  color: var(--fr-guide-blue);
}

.fr-guide-compare__toggle button:focus-visible {
  outline: 3px solid rgba(15,89,164,.22);
  outline-offset: 2px;
}

.fr-guide-compare__table-wrap {
  overflow-x: auto;
}

.fr-guide-compare__table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.fr-guide-compare__table th,
.fr-guide-compare__table td {
  padding: 20px 16px;
  border: 0;
  border-bottom: 1px solid var(--fr-guide-line);
  color: var(--fr-guide-muted);
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  vertical-align: middle;
}

.fr-guide-compare__table thead th {
  padding-top: 14px;
  padding-bottom: 14px;
  color: #6f8195;
  background: #fbfcfe;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.fr-guide-compare__table th:nth-child(1) { width: 22%; }
.fr-guide-compare__table th:nth-child(2) { width: 21%; }
.fr-guide-compare__table th:nth-child(3) { width: 15%; }
.fr-guide-compare__table th:nth-child(4) { width: 15%; }
.fr-guide-compare__table th:nth-child(5) { width: 12%; }
.fr-guide-compare__table th:nth-child(6) { width: 15%; }

.fr-guide-compare__table tbody tr {
  transition: background .2s ease, box-shadow .2s ease;
}

.fr-guide-compare__table tbody tr:hover {
  background: #f8fbff;
  box-shadow: inset 4px 0 0 var(--fr-guide-blue);
}

.fr-guide-compare__table tbody tr.is-popular {
  background: rgba(117,186,66,.045);
}

.fr-guide-compare__table tbody tr:last-child th,
.fr-guide-compare__table tbody tr:last-child td {
  border-bottom: 0;
}

.fr-guide-compare__table tbody th > strong,
.fr-guide-compare__table td > strong {
  display: block;
  color: var(--fr-guide-navy);
  font-weight: 800;
}

.fr-guide-compare__table tbody th > strong {
  margin-top: 8px;
  font-size: 15px;
}

.fr-guide-compare__table tbody th > small {
  display: block;
  margin-top: 3px;
  color: var(--fr-guide-muted);
  font-size: 11px;
  font-weight: 500;
}

.fr-guide-compare__kind,
.fr-guide-compare__popular {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.fr-guide-compare__kind--backpack {
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.09);
}

.fr-guide-compare__kind--bag {
  color: #6a431e;
  background: rgba(244,123,32,.10);
}

.fr-guide-compare__popular {
  margin-left: 4px;
  color: #386a19;
  background: rgba(117,186,66,.14);
}

.fr-guide-compare__food {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 9px;
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.07);
  font-size: 11px;
  font-weight: 800;
}

.fr-guide-compare__price {
  color: var(--fr-guide-navy) !important;
  font-size: 15px;
  white-space: nowrap;
}

.fr-guide-compare__action a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 13px;
  border-radius: 11px;
  color: #fff;
  background: var(--fr-guide-blue);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.fr-guide-compare__action a:hover {
  color: #fff;
  background: var(--fr-guide-blue-light);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15,89,164,.20);
}

.fr-guide-compare__note {
  margin: 0;
  padding: 14px 24px;
  border-top: 1px solid var(--fr-guide-line);
  color: var(--fr-guide-muted);
  background: #fbfcfe;
  font-size: 11px;
  line-height: 1.5;
}

.fr-guide-method {
  padding-top: clamp(64px, 8vw, 110px);
}

.fr-guide-method__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 30px;
}

.fr-guide-method__card {
  position: relative;
  overflow: hidden;
  padding: 28px 25px;
  border: 1px solid var(--fr-guide-line);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(13,35,68,.05);
}

.fr-guide-method__number {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 11px;
  border-radius: 9px;
  color: var(--fr-guide-blue);
  background: rgba(15,89,164,.08);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.fr-guide-method__card h3 {
  margin: 0 0 9px;
  color: var(--fr-guide-navy);
  font-size: 19px;
  font-weight: 800;
}

.fr-guide-method__card p {
  margin: 0;
  color: var(--fr-guide-muted);
  font-size: 15px;
  line-height: 1.65;
}

.fr-guide-help {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: center;
  margin-top: clamp(54px, 7vw, 88px);
  padding: clamp(34px, 4vw, 52px);
  overflow: hidden;
  border-radius: 25px;
  color: #fff;
  background: linear-gradient(135deg, var(--fr-guide-navy), #0d467f);
  box-shadow: 0 24px 58px rgba(13,35,68,.18);
}

.fr-guide-help h2 {
  color: #fff;
}

.fr-guide-help h2 strong {
  color: var(--fr-guide-green-soft);
}

.fr-guide-help p {
  max-width: 660px;
  margin: 15px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  line-height: 1.62;
}

.fr-guide-help .fr-guide-button {
  color: var(--fr-guide-navy);
  background: var(--fr-guide-green-soft);
  box-shadow: 0 16px 34px rgba(117,186,66,.24);
}

.fr-guide-help .fr-guide-button:hover {
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  body.wd-header-overlap .fr-guide-hero {
    padding-top: 96px;
  }

  .fr-guide-hero__inner,
  .fr-guide-section-head,
  .fr-guide-help {
    grid-template-columns: 1fr;
  }

  .fr-guide-hero__panel {
    max-width: 520px;
  }

  .fr-guide-section-head > p {
    max-width: 620px;
    text-align: left;
  }

  .fr-guide-wizard {
    grid-template-columns: 1fr;
  }

  .fr-guide-progress {
    padding: 24px;
  }

  .fr-guide-progress__label {
    margin-bottom: 13px;
  }

  .fr-guide-progress__bar {
    margin-bottom: 18px;
  }

  .fr-guide-progress ol {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .fr-guide-progress li {
    grid-template-columns: 32px 1fr;
    min-height: 52px;
    padding: 7px;
  }

  .fr-guide-progress li span {
    width: 32px;
    height: 32px;
  }

  .fr-guide-progress li small {
    display: none;
  }

  .fr-guide-method__grid {
    grid-template-columns: 1fr;
  }

  .fr-guide-compare__toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .fr-guide-compare__toggle {
    width: 100%;
  }

  .fr-guide-compare__table-wrap {
    padding: 18px;
    background: #f7f9fc;
  }

  .fr-guide-compare__table,
  .fr-guide-compare__table tbody {
    display: block;
  }

  .fr-guide-compare__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .fr-guide-compare__table tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .fr-guide-compare__table tbody tr {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--fr-guide-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(13,35,68,.05);
  }

  .fr-guide-compare__table tbody tr:hover {
    box-shadow: 0 12px 28px rgba(13,35,68,.08);
  }

  .fr-guide-compare__table tbody th,
  .fr-guide-compare__table tbody td {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 10px;
    width: 100% !important;
    padding: 11px 15px;
    border-bottom: 1px solid var(--fr-guide-line);
  }

  .fr-guide-compare__table tbody th {
    display: block;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .fr-guide-compare__table tbody td::before {
    content: attr(data-label);
    color: #7a8a9c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .fr-guide-compare__table .fr-guide-compare__action {
    display: block;
    margin-top: auto;
    padding: 14px 15px;
    border-bottom: 0;
  }

  .fr-guide-compare__action::before {
    display: none;
  }

  .fr-guide-compare__action a {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .fr-guide-shell {
    width: min(100% - 28px, var(--fr-guide-shell));
  }

  .fr-guide-hero {
    padding: 58px 0 66px;
  }

  .fr-guide-hero h1 strong {
    margin-top: 4px;
  }

  .fr-guide-wizard {
    border-radius: 20px;
  }

  .fr-guide-progress {
    padding: 20px 16px;
  }

  .fr-guide-progress li {
    display: flex;
    justify-content: center;
    min-height: 42px;
    padding: 5px;
  }

  .fr-guide-progress li > div {
    display: none;
  }

  .fr-guide-stage {
    padding: 28px 20px;
  }

  .fr-guide-options,
  .fr-guide-options--two {
    grid-template-columns: 1fr;
  }

  .fr-guide-option {
    min-height: 145px;
  }

  .fr-guide-option__card {
    padding: 20px;
  }

  .fr-guide-option__top {
    margin-bottom: 14px;
  }

  .fr-guide-actions {
    flex-wrap: wrap;
  }

  .fr-guide-button {
    width: 100%;
  }

  .fr-guide-button--primary {
    order: -1;
  }

  .fr-guide-result {
    padding: 22px 16px;
  }

  .fr-guide-result__head,
  .fr-guide-result__card {
    display: block;
  }

  .fr-guide-result__media {
    min-height: 270px;
    padding: 22px;
  }

  .fr-guide-result__media img {
    max-height: 240px;
  }

  .fr-guide-result__content {
    padding: 26px 22px;
    border-top: 1px solid var(--fr-guide-line);
    border-left: 0;
  }

  .fr-guide-help {
    padding: 32px 24px;
  }

  .fr-guide-compare {
    border-radius: 20px;
  }

  .fr-guide-compare__toolbar {
    padding: 20px 16px;
  }

  .fr-guide-compare__toggle {
    grid-template-columns: 1fr;
  }

  .fr-guide-compare__table-wrap {
    padding: 14px;
  }

  .fr-guide-compare__table tbody {
    grid-template-columns: 1fr;
  }

  .fr-guide-compare__note {
    padding: 13px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fr-guide-page *,
  .fr-guide-page *::before,
  .fr-guide-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
/* END 4READY – PRŮVODCE VÝBĚREM SADY */

/* 4READY footer contact block */
:is(.footer-kontakt, .foot-kontakt) {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(.footer-kontakt, .foot-kontakt) li,
.footer-contact-standalone {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  column-gap: 18px;
  min-height: 34px;
  margin: 0;
  color: #687789;
  font-size: 14px;
  line-height: 1.45;
  transition: color .22s ease, transform .22s ease;
}

:is(.footer-kontakt, .foot-kontakt) li::before,
.footer-contact-standalone::before {
  content: none;
  display: none;
}

.footer-contact-standalone::after {
  content: "";
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  width: 24px;
  height: 24px;
  background-color: #0f59a4;
  pointer-events: none;
  transition: background-color .22s ease, transform .22s ease;
  -webkit-mask-image: var(--footer-contact-icon);
  mask-image: var(--footer-contact-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

:is(.footer-kontakt, .foot-kontakt) li::after {
  content: none;
  display: none;
}

:is(.footer-kontakt, .foot-kontakt) li > i {
  z-index: 1;
  display: block !important;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  width: 24px;
  height: 24px;
  margin: 0;
  background-color: #0f59a4;
  color: transparent;
  font-size: 0;
  line-height: 1;
  pointer-events: none;
  transition: background-color .22s ease, transform .22s ease;
  -webkit-mask-image: var(--footer-contact-icon);
  mask-image: var(--footer-contact-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.footer-contact-item--address,
:is(.footer-kontakt, .foot-kontakt) li:has(> i.ti-map-pin),
:is(.footer-kontakt, .foot-kontakt) li:nth-child(2) {
  --footer-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.footer-contact-item--phone,
:is(.footer-kontakt, .foot-kontakt) li:has(> i.ti-phone),
:is(.footer-kontakt, .foot-kontakt) li:nth-child(3) {
  --footer-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.62 2.61a2 2 0 0 1-.45 2.11L8 9.72a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.84.29 1.72.5 2.61.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.footer-contact-item--email,
:is(.footer-kontakt, .foot-kontakt) li:has(> i.ti-mail),
:is(.footer-kontakt, .foot-kontakt) li:nth-child(4) {
  --footer-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
}

.footer-contact-item--company,
:is(.footer-kontakt, .foot-kontakt) li:has(> i.ti-contact-list),
:is(.footer-kontakt, .foot-kontakt) li:nth-child(1) {
  --footer-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M9 7h1'/%3E%3Cpath d='M14 7h1'/%3E%3Cpath d='M9 11h1'/%3E%3Cpath d='M14 11h1'/%3E%3Cpath d='M9 15h1'/%3E%3Cpath d='M14 15h1'/%3E%3C/svg%3E");
}

.footer-contact-item--billing,
:is(.footer-kontakt, .foot-kontakt) li:has(> i.ti-building),
:is(.footer-kontakt, .foot-kontakt) li:nth-child(5) {
  --footer-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");
}

:is(.footer-kontakt, .foot-kontakt) li:hover,
.footer-contact-standalone:hover {
  color: #0d2344;
  transform: translateX(3px);
}

:is(.footer-kontakt, .foot-kontakt) li:hover::before,
.footer-contact-standalone:hover::before {
  content: none;
  display: none;
}

:is(.footer-kontakt, .foot-kontakt) li:hover::after,
.footer-contact-standalone:hover::after {
  background-color: #f47b20;
  transform: translateY(-1px);
}

:is(.footer-kontakt, .foot-kontakt) li:hover > i {
  background-color: #f47b20;
  transform: translateY(-1px);
}

:is(.footer-kontakt, .foot-kontakt) a {
  color: inherit;
  text-decoration: none;
}

:is(.footer-kontakt, .foot-kontakt) a:hover {
  color: #0f59a4;
}

.footer-contact-standalone {
  margin: 0 0 10px !important;
}

ul.footer-kontakt li,
ul.foot-kontakt li {
  display: grid;
  align-items: center;
  width: 100%;
}

ul.footer-kontakt li:first-child,
ul.foot-kontakt li:first-child {
  display: grid !important;
}

ul.footer-kontakt li a,
ul.foot-kontakt li a {
  font-size: inherit;
  line-height: inherit;
  word-break: normal;
}

@media (max-width: 767px) {
  :is(.footer-kontakt, .foot-kontakt) li,
  .footer-contact-standalone {
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 14px;
    font-size: 14px;
  }

  :is(.footer-kontakt, .foot-kontakt) li::before,
  .footer-contact-standalone::before {
    content: none;
    display: none;
  }

  .footer-contact-standalone::after {
    width: 22px;
    height: 22px;
  }

  :is(.footer-kontakt, .foot-kontakt) li > i {
    width: 22px;
    height: 22px;
  }
}
/* Private-browser font fallback. Keep text renderable even when remote webfont
 * downloads are blocked by Safari privacy protection or content filtering. */
body,
button,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
label,
small,
strong,
em,
td,
th,
.wd-btn-text,
.wd-tools-text,
.wd-nav-link,
.elementor-heading-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-display: swap;
}

/* Footer must never depend on a late Elementor/Woodmart JS initialization. */
body:not(.elementor-editor-active) .wd-footer,
body:not(.elementor-editor-active) .footer-container,
body:not(.elementor-editor-active) .wd-footer .main-footer,
body:not(.elementor-editor-active) .wd-footer .elementor,
body:not(.elementor-editor-active) .wd-footer .elementor-element {
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
}

body:not(.elementor-editor-active) .wd-footer {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  min-height: 0 !important;
  transform: none !important;
}