:root {
  --color-main: #653929;
  --color-primary: #ca0832;
  --color-secondary: #f0c13a;
  --color-secondary-darker: #cc9900;
  --color-yellow-light: #fff3d6;
  --color-background: #f2f2f2;
  --color-border: #ccc;
  --color-white: #fff;
  --color-red: #c03c0e;
  --color-green: #207c0e;
  --font-size-12: 1.2rem;
  --font-size-14: 1.4rem;
  --font-size-15: 1.5rem;
  --font-size-16: 1.6rem;
  --font-size-18: 1.8rem;
  --font-size-20: 2rem;
  --font-size-22: 2.2rem;
  --font-size-24: 2.4rem;
  --font-size-28: 2.8rem;
  --font-size-30: 3rem;
  --font-size-36: 3.6rem;
  --font-size-48: 4.8rem;
  --font-size-60: 6rem;
  --gap: 40px;
  --border-radius: 0.5rem;
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M3.4 3.4l33.2 33.2m0-33.2L3.4 36.6' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
  --icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='22'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M2 15a2 2 0 01-2-2V1.999a2 2 0 014 0V13a2 2 0 01-2 2zm0 3a2 2 0 110 4 2 2 0 010-4z'/%3E%3C/svg%3E");
  --icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 12.8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M12.9 1.6l-7.2 9.7-4.1-4.9'/%3E%3C/svg%3E");
  --icon-loading: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23000'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E");
}
@font-face {
  font-family: 'Intro';
  src: url('../fonts/intro.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Haboro Slab';
  src: url('../fonts/haboro-slab-medium.woff2') format('woff2');
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: 'Haboro Slab';
  src: url('../fonts/haboro-slab-bold.woff2') format('woff2');
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: 'Bosk';
  src: url('../fonts/bosk.woff2') format('woff2');
  font-display: swap;
}
.wave-top {
  content: "";
  width: 100%;
  height: 1rem;
  bottom: calc(100% - 3px);
  display: block;
  position: absolute;
}
.wave-bottom {
  content: "";
  width: 100%;
  height: 1rem;
  top: calc(100% - 3px);
  display: block;
  position: absolute;
  transform: rotate(180deg);
}
.wave-top-background {
  z-index: 5 !important;
}
.wave-top-background::before {
  content: "";
  width: 100%;
  height: 1rem;
  bottom: calc(100% - 3px);
  display: block;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23f2f2f2'/%3E%3C/svg%3E") center / contain repeat-x;
}
.wave-bottom-background {
  z-index: 5 !important;
}
.wave-bottom-background::after {
  content: "";
  width: 100%;
  height: 1rem;
  top: calc(100% - 3px);
  display: block;
  position: absolute;
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23f2f2f2'/%3E%3C/svg%3E") center / contain repeat-x;
}
.wave-top-white {
  z-index: 5 !important;
}
.wave-top-white::before {
  content: "";
  width: 100%;
  height: 1rem;
  bottom: calc(100% - 3px);
  display: block;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23ffffff'/%3E%3C/svg%3E") center / contain repeat-x;
}
.wave-bottom-white {
  z-index: 5 !important;
}
.wave-bottom-white::after {
  content: "";
  width: 100%;
  height: 1rem;
  top: calc(100% - 3px);
  display: block;
  position: absolute;
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23ffffff'/%3E%3C/svg%3E") center / contain repeat-x;
}
.lightbox-image {
  display: block;
}
.lightbox-image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  transition: all 0.15s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23ffffff' d='M15.863 12.465a7.163 7.163 0 01-8.815 1.098s-.203-.121-.374.05l-3.718 3.719c-.742.742-1.779.918-2.437.26l-.113-.113c-.658-.658-.481-1.695.26-2.436l3.727-3.727c.163-.163.042-.366.042-.366a7.16 7.16 0 011.099-8.814c2.847-2.848 7.481-2.848 10.329 0 2.847 2.847 2.847 7.481 0 10.329zm-1.349-8.981a5.403 5.403 0 00-7.632 0 5.403 5.403 0 000 7.632 5.403 5.403 0 007.632 0 5.403 5.403 0 000-7.632zm-2.228 1.202a3.241 3.241 0 00-4.243 1.72.755.755 0 11-1.389-.587 4.75 4.75 0 016.22-2.521.753.753 0 11-.588 1.388z'/%3E%3C/svg%3E") center / auto 3rem no-repeat;
  opacity: 0;
}
.lightbox-image:hover::before {
  opacity: 1;
}
.lightbox-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(101, 57, 41, 0);
  transition: all 0.15s ease-in-out;
}
.lightbox-image:hover::after {
  background-color: rgba(101, 57, 41, 0.5);
}
* {
  box-sizing: border-box;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
input,
textarea,
p,
body,
span {
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}
a,
svg,
path {
  transition: all 0.15s ease-in-out;
}
div,
article,
section,
img,
main,
input,
textarea {
  display: block;
}
input,
textarea,
img,
a,
option,
select,
button,
div {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
html {
  font-size: 10px;
  font-family: 'Haboro Slab', serif;
  font-weight: 500;
}
body {
  font-size: var(--font-size-18);
  color: #653929;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #f2f2f2;
}
p {
  line-height: 1.5em;
}
.content {
  width: 100%;
  padding: 0 1.5rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.content--regular {
  max-width: calc(1200px  +  2*1.5rem);
}
.content--medium {
  max-width: calc(100rem  +  2*1.5rem);
}
.content--smaller {
  max-width: calc(900px  +  2*1.5rem);
}
.content--bigger {
  max-width: calc(1400px  +  2*1.5rem);
}
.section {
  --padding: 8rem;
  position: relative;
  z-index: 2;
}
.section--background {
  background-color: #f2f2f2;
}
.section--white {
  background-color: #fff;
}
.section--normal {
  padding: var(--padding) 0;
}
.section--page {
  padding: 14rem 0 var(--padding);
}
.section--single-post {
  padding: 12rem 0 4rem;
}
.section--smaller-top {
  padding: calc(var(--padding) / 2) 0 calc(var(--padding));
}
.section--no-top {
  padding-bottom: var(--padding);
}
.section--no-bottom {
  padding-bottom: 0;
}
.section--product-line {
  padding: 12rem 0 0;
}
.section--products {
  padding: 10rem 0 var(--padding);
}
.absolute-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.button {
  --color: #fff;
  --background: 202, 8, 50;
  --background-hover: 240, 193, 58;
  display: inline-block;
  padding: 1rem 2rem;
  font-size: var(--font-size-18);
  color: var(--color);
  border-radius: 0.5rem;
  border: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  background-color: rgb(var(--background));
  font-family: 'Intro', sans-serif;
  font-weight: 700;
}
.button:hover {
  background-color: rgb(var(--background-hover));
  color: var(--color);
}
.button-wrapper {
  text-align: center;
  margin-top: 2rem;
}
.button-wrapper--margin-top {
  margin-top: 5rem;
}
.text-center {
  text-align: center;
}
.page-title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-48);
  line-height: 1em;
  margin-bottom: 4rem;
  text-align: center;
  text-transform: uppercase;
}
.section-title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-36);
  line-height: 1em;
  margin-bottom: 2rem;
  text-align: center;
}
.section-title small {
  font-size: var(--font-size-18);
  display: block;
  line-height: 1.1em;
}
.section-title--white {
  color: #fff;
}
.section-title--left {
  text-align: left;
}
.section-title--smaller {
  font-size: var(--font-size-24);
}
.margin-top {
  margin-top: 4rem;
}
.margin-bottom {
  margin-bottom: 4rem;
}
.uppercase {
  text-transform: uppercase;
}
.global-style > *:first-child {
  margin-top: 0;
}
.global-style > *:last-child {
  margin-bottom: 0;
}
.global-style p {
  margin: 1rem 0;
}
.global-style p a,
.global-style li a,
.global-style table a,
.global-style .wp-block-file a:not(.wp-block-file__button) {
  color: #ca0832;
  text-decoration: underline;
  font-weight: 700;
}
.global-style p a:hover,
.global-style li a:hover,
.global-style table a:hover,
.global-style .wp-block-file a:not(.wp-block-file__button):hover {
  text-decoration: none;
}
.global-style strong {
  font-weight: 700;
}
.global-style hr {
  border: 0;
  height: 1px;
  background: #653929;
  clear: both;
  margin: 1rem 0;
}
.global-style h2,
.global-style h3,
.global-style h4,
.global-style h5 {
  color: #ca0832;
  line-height: 1.2em;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
}
.global-style h2 {
  font-size: var(--font-size-36);
  margin: 1.6rem 0 1.3rem;
}
.global-style h3 {
  font-size: var(--font-size-30);
  margin: 1.4rem 0 1.2rem;
}
.global-style h4 {
  font-size: var(--font-size-24);
  text-transform: uppercase;
}
.global-style ol:not([class]),
.global-style ul:not([class]),
.global-style .wp-block-list {
  counter-reset: item;
  list-style: none;
  margin: 1rem 0;
  line-height: 1.3em;
  padding-left: 0;
}
.global-style ol:not([class]) li,
.global-style ul:not([class]) li,
.global-style .wp-block-list li {
  padding-left: 1em;
  position: relative;
  line-height: 1.5em;
}
.global-style ol:not([class]) li:not(:last-of-type),
.global-style ul:not([class]) li:not(:last-of-type),
.global-style .wp-block-list li:not(:last-of-type) {
  padding-bottom: 0.3em;
}
.global-style ul:not([class]) li::before,
.global-style ul.wp-block-list li::before {
  content: '';
  width: 0.4em;
  height: 0.4em;
  border-radius: 0.2rem;
  position: absolute;
  left: 0;
  top: 0.6em;
  background-color: #ca0832;
}
.global-style ul li::before {
  border-color: #ca0832;
}
.global-style ol li::before {
  color: #ca0832;
}
.global-style ol:not([class]) li,
.global-style ol.wp-block-list li {
  padding-left: 2rem;
}
.global-style ol:not([class]) li::before,
.global-style ol.wp-block-list li::before {
  counter-increment: item;
  content: counter(item) '. ';
  font-weight: 700;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
}
.global-style blockquote {
  border-left: 0.4rem solid #ca0832;
  margin: 3rem 0;
  padding: 2rem 3rem;
}
.global-style blockquote p {
  font-size: 1.8rem;
  margin: 0;
}
.global-style blockquote cite {
  color: #666;
  margin-top: 2rem;
  display: block;
}
.wp-block-table {
  margin: 1rem 0;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  overflow: hidden;
}
.wp-block-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}
.wp-block-table td,
.wp-block-table th {
  background: #fff;
  padding: 1rem 1.6rem;
  text-align: center;
  font-size: var(--font-size-16);
}
.wp-block-table th {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: #ca0832;
}
.wp-block-table thead td {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #fff;
  background: #ca0832;
  font-size: var(--font-size-20);
  text-transform: uppercase;
}
.wp-block-table tr:nth-of-type(even) td {
  background: #fef8eb;
}
.wp-block-media-text {
  margin: 3rem 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body {
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
}
.admin-bar .top-bar {
  top: 32px;
}
.page-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .header {
    text-align: center;
    padding: 1rem 1.5rem;
  }
  .header--white {
    background-color: #fff;
  }
  .header__logo {
    display: inline-block;
  }
  .header__logo img {
    height: 5rem;
    width: auto;
  }
}
.top-bar {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  transition: all 0.15s ease-in-out;
}
.top-bar::after {
  content: "";
  width: 100%;
  height: 1rem;
  top: calc(100% - 3px);
  display: block;
  position: absolute;
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23ffffff'/%3E%3C/svg%3E") center / contain repeat-x;
}
.top-bar--hp {
  box-shadow: none;
  background-color: transparent;
}
.top-bar--hp::after {
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.top-bar.smaller .top-bar__logo {
  margin-bottom: -3rem;
  top: 1rem;
}
.top-bar.smaller .top-bar__logo img {
  width: 14rem;
}
.top-bar.smaller .top-bar__top {
  margin-top: -1.7em;
}
.top-bar__top {
  --phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124.25' height='125.25'%3E%3Cpath fill='none' stroke='%23B63634' stroke-width='10' d='M121.334 92.066v18.13c.027 6.674-5.346 12.108-12.001 12.134-.378.002-.757-.014-1.134-.049a118.989 118.989 0 0 1-51.994-18.552 117.66 117.66 0 0 1-36.149-36.258A119.843 119.843 0 0 1 1.559 15.077C.961 8.43 5.848 2.553 12.476 1.952c.357-.032.714-.048 1.073-.049h18.075c6.048-.059 11.203 4.388 12.049 10.395a77.846 77.846 0 0 0 4.217 16.981 12.11 12.11 0 0 1-2.71 12.75l-7.652 7.675a96.554 96.554 0 0 0 36.149 36.259l7.652-7.675a12.023 12.023 0 0 1 12.712-2.719 77.21 77.21 0 0 0 16.93 4.23c6.059.857 10.515 6.132 10.363 12.267Z' /%3E%3C/svg%3E");
  --eshop: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0,.prefix__st1%7Bfill:none;stroke:%23653929;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D.prefix__st1%7Bstroke-width:15%7D%3C/style%3E%3Cpath class='prefix__st0' d='M230 199H46.3c-9.7 0-19-38-1.7-39.7 17.3-1.7 163.4-21.4 185.3-34 11.1-6.4 13.7-68.3-4.7-70.3S50 50.3 38 49s-7.3-24.7-23.3-24.3M32.5 47.7l4.1 117.6'/%3E%3Cpath class='prefix__st1' d='M75.2 75.2v50.7M136 77.1v36.7M193 79.2v24.4'/%3E%3Ccircle class='prefix__st1' cx='204.2' cy='221.2' r='13.2'/%3E%3Ccircle class='prefix__st1' cx='72.3' cy='221.2' r='13.2'/%3E%3C/svg%3E");
  transition: all 0.15s ease-in-out;
}
.top-bar__top-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2em;
  font-weight: 700;
  padding-top: 0.4em;
  padding-bottom: 0.1em;
}
.top-bar__call-centrum {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: #653929;
}
.top-bar__call-centrum::before {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask: var(--phone) center / contain no-repeat;
  mask: var(--phone) center / contain no-repeat;
  background-color: #ca0832;
}
.top-bar__eshop {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: #653929;
}
.top-bar__eshop:hover {
  color: #ca0832;
}
.top-bar__eshop::before {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask: var(--eshop) center / contain no-repeat;
  mask: var(--eshop) center / contain no-repeat;
  background-color: #ca0832;
}
.top-bar__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar__left {
  flex-basis: 50%;
  text-align: right;
}
.top-bar__right {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
.top-bar__logo-wrapper {
  width: 22rem;
  flex-shrink: 0;
  align-self: flex-start;
}
.top-bar__logo {
  position: absolute;
  width: 20rem;
  left: 50%;
  top: -1rem;
  transform: translate(-50%, 0);
  transition: all 0.15s ease-in-out;
}
.top-bar__logo img {
  width: 20rem;
  height: auto;
  transition: all 0.15s ease-in-out;
  margin: 0 auto;
}
.top-bar__menu li {
  display: inline-block;
}
.top-bar__menu > li > a {
  color: #653929;
  font-size: var(--font-size-20);
  font-weight: 700;
  padding: 1.8rem 2rem;
  display: block;
}
.top-bar__menu > li > a:hover {
  color: #ca0832;
}
.top-bar__menu .current_page_item > a,
.top-bar__menu .current-page-ancestor > a {
  color: #f0c13a;
}
.top-bar__menu .menu-eshop a {
  color: #653929;
  padding: 0.7rem 1rem 0.9rem 4rem;
  height: 4rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  z-index: 1;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0,.prefix__st1%7Bfill:none;stroke:%23653929;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D.prefix__st1%7Bstroke-width:15%7D%3C/style%3E%3Cpath class='prefix__st0' d='M230 199H46.3c-9.7 0-19-38-1.7-39.7 17.3-1.7 163.4-21.4 185.3-34 11.1-6.4 13.7-68.3-4.7-70.3S50 50.3 38 49s-7.3-24.7-23.3-24.3M32.5 47.7l4.1 117.6'/%3E%3Cpath class='prefix__st1' d='M75.2 75.2v50.7M136 77.1v36.7M193 79.2v24.4'/%3E%3Ccircle class='prefix__st1' cx='204.2' cy='221.2' r='13.2'/%3E%3Ccircle class='prefix__st1' cx='72.3' cy='221.2' r='13.2'/%3E%3C/svg%3E") 1rem center / auto 2rem no-repeat;
  margin-right: 1rem;
}
.top-bar__menu .menu-eshop a:hover {
  border-color: #ca0832;
  color: #ca0832;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0,.prefix__st1%7Bfill:none;stroke:%23ca0832;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D.prefix__st1%7Bstroke-width:15%7D%3C/style%3E%3Cpath class='prefix__st0' d='M230 199H46.3c-9.7 0-19-38-1.7-39.7 17.3-1.7 163.4-21.4 185.3-34 11.1-6.4 13.7-68.3-4.7-70.3S50 50.3 38 49s-7.3-24.7-23.3-24.3M32.5 47.7l4.1 117.6'/%3E%3Cpath class='prefix__st1' d='M75.2 75.2v50.7M136 77.1v36.7M193 79.2v24.4'/%3E%3Ccircle class='prefix__st1' cx='204.2' cy='221.2' r='13.2'/%3E%3Ccircle class='prefix__st1' cx='72.3' cy='221.2' r='13.2'/%3E%3C/svg%3E");
}
.top-bar__search {
  --search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M15.863 12.465a7.163 7.163 0 01-8.815 1.098s-.203-.121-.374.05l-3.718 3.719c-.742.742-1.779.918-2.437.26l-.113-.113c-.658-.658-.481-1.695.26-2.436l3.727-3.727c.163-.163.042-.366.042-.366a7.16 7.16 0 011.099-8.814c2.847-2.848 7.481-2.848 10.329 0 2.847 2.847 2.847 7.481 0 10.329zm-1.349-8.981a5.403 5.403 0 00-7.632 0 5.403 5.403 0 000 7.632 5.403 5.403 0 007.632 0 5.403 5.403 0 000-7.632zm-2.228 1.202a3.241 3.241 0 00-4.243 1.72.755.755 0 11-1.389-.587 4.75 4.75 0 016.22-2.521.753.753 0 11-.588 1.388z'/%3E%3C/svg%3E");
  display: flex;
  align-items: start;
  gap: 0.6em;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  color: #653929;
  padding: 0.5em 0.7em;
}
.top-bar__search::after {
  content: "";
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  mask: var(--search) center / contain no-repeat;
  background-color: #653929;
  transition: all 0.15s ease-in-out;
}
.top-bar__search:hover {
  color: #ca0832;
}
.top-bar__search:hover::after {
  background-color: #ca0832;
}
.top-bar__search-text {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .top-bar {
    position: static;
    box-shadow: none;
    padding: 1rem 1.5rem;
    text-align: center;
  }
  .top-bar::after {
    display: none;
  }
  .top-bar__top {
    display: none;
  }
  .top-bar__content {
    display: block;
  }
  .top-bar__left,
  .top-bar__right {
    display: none;
  }
  .top-bar__logo-wrapper {
    width: auto;
    position: relative;
  }
  .top-bar__logo {
    position: static;
    transform: none;
    width: auto;
    display: inline-block;
  }
  .top-bar__logo img {
    width: auto;
    height: 5rem;
  }
  .top-bar__menu {
    display: none;
  }
  .top-bar__search {
    display: none;
  }
  .top-bar.smaller .top-bar__logo {
    margin-bottom: 0;
    top: auto;
  }
  .top-bar.smaller .top-bar__top {
    margin-top: 0;
  }
  .top-bar--hp {
    box-shadow: none;
    background-color: #fff;
  }
}
.top-bar--hp.smaller {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.top-bar--hp.smaller::after {
  opacity: 1;
}
.menu-products:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.sub-menu {
  position: fixed;
  left: 0;
  right: 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  z-index: -99;
  background: url(../img/background-sub-menu.webp) center / cover no-repeat;
  background-color: #f2f2f2;
  padding: 4rem 0 5rem;
  text-align: left;
  border-top: 1px solid #ccc;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
  margin-top: -0.5rem;
  max-height: calc(100vh - 6rem);
  overflow: auto;
  scrollbar-color: #f0c13a #cc9900;
  scrollbar-width: thin;
}
.sub-menu::-webkit-scrollbar {
  width: 0.6rem;
  background: #f0c13a;
}
.sub-menu::-webkit-scrollbar-thumb {
  background: #cc9900;
  border-radius: 0.4rem;
}
.sub-menu__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.sub-menu__block:not(:last-child) {
  margin-bottom: 3rem;
}
.sub-menu__block-title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-30);
  margin-bottom: 1rem;
}
.sub-menu__block-title:first-letter {
  text-transform: uppercase;
}
.sub-menu__block-title small {
  font-size: var(--font-size-30);
}
.sub-menu__products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.sub-menu__products-item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 1rem;
  overflow: hidden;
  text-align: center;
  max-width: 20rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  top: 0;
}
.sub-menu__products-item:hover {
  top: -0.3rem;
}
.sub-menu__products-item:hover .sub-menu__products-title {
  color: #ca0832;
}
.sub-menu__products-item[target="_blank"] .sub-menu__products-title::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.4em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.922 283.922' fill='%23653929'%3E%3Cpath d='M266.422 0h-97.625c-9.65 0-17.5 7.851-17.5 17.5 0 9.649 7.85 17.5 17.5 17.5h55.377l-92.375 92.374a17.378 17.378 0 00-5.127 12.375c0 4.676 1.819 9.069 5.125 12.371a17.374 17.374 0 0012.375 5.13c4.674 0 9.069-1.82 12.376-5.127l92.374-92.375v55.377c0 9.649 7.851 17.5 17.5 17.5 9.649 0 17.5-7.851 17.5-17.5V17.5c0-9.649-7.851-17.5-17.5-17.5z'/%3E%3Cpath d='M201.137 253.922H30V82.785h128.711l30-30H15c-8.284 0-15 6.716-15 15v201.137c0 8.284 6.716 15 15 15h201.137c8.284 0 15-6.716 15-15V95.211l-30 30v128.711z'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
}
.sub-menu__products-item[target="_blank"]:hover .sub-menu__products-title::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.922 283.922' fill='%23ca0832'%3E%3Cpath d='M266.422 0h-97.625c-9.65 0-17.5 7.851-17.5 17.5 0 9.649 7.85 17.5 17.5 17.5h55.377l-92.375 92.374a17.378 17.378 0 00-5.127 12.375c0 4.676 1.819 9.069 5.125 12.371a17.374 17.374 0 0012.375 5.13c4.674 0 9.069-1.82 12.376-5.127l92.374-92.375v55.377c0 9.649 7.851 17.5 17.5 17.5 9.649 0 17.5-7.851 17.5-17.5V17.5c0-9.649-7.851-17.5-17.5-17.5z'/%3E%3Cpath d='M201.137 253.922H30V82.785h128.711l30-30H15c-8.284 0-15 6.716-15 15v201.137c0 8.284 6.716 15 15 15h201.137c8.284 0 15-6.716 15-15V95.211l-30 30v128.711z'/%3E%3C/svg%3E");
}
.sub-menu__products-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: center;
}
.sub-menu__products-image {
  min-height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.sub-menu__products-image img {
  max-width: 8rem;
  max-height: 8rem;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.sub-menu__products-title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-16);
  color: #653929;
  flex-basis: 100%;
  line-height: 1em;
  transition: all 0.15s ease-in-out;
}
#pixel-to-watch {
  position: absolute;
  top: 1px;
  width: 1px;
  height: 1px;
  background: transparent;
  left: 0;
}
.search-wrapper {
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(101, 57, 41, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transition: scale(0.9);
}
.search-wrapper.visible {
  opacity: 1;
  visibility: visible;
  transition: scale(1);
}
.search-wrapper__inside {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0;
  overflow: hidden;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25);
  min-width: 36rem;
}
.search-wrapper__inside::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/background-paper.webp);
  opacity: 0.3;
}
.search-wrapper__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem;
  border-bottom: 1px solid #ccc;
  z-index: 2;
}
.search-wrapper__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
}
.search-wrapper__close {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M3.4 3.4l33.2 33.2m0-33.2L3.4 36.6' fill='none' stroke='%23653929' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / contain no-repeat;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.search-wrapper__close:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M3.4 3.4l33.2 33.2m0-33.2L3.4 36.6' fill='none' stroke='%23ca0832' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.search-wrapper__content {
  padding: 2rem;
  z-index: 2;
}
.search-form__search {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.search-form__search ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #653929;
}
.search-form__search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #653929;
  opacity: 1;
}
.search-form__search :-ms-input-placeholder {
  /* IE 10+ */
  color: #653929;
}
.search-form__search input {
  padding: 1rem 2rem;
  margin: 0;
}
.search-form__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
  text-align: center;
  margin-bottom: 1rem;
}
.search-form__checkboxes {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.search-form__checkboxes input {
  display: none;
}
.search-form__checkboxes input:checked + label::before {
  opacity: 1;
}
.search-form__checkboxes input:checked + label::after {
  background-color: #ca0832;
}
.search-form__checkboxes label {
  padding-left: 2.5rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  cursor: pointer;
}
.search-form__checkboxes label::before {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: none;
  transition: all 0.15s ease-in-out;
  left: 0;
  top: 0.2rem;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.171' height='8.917'%3E%3Cpath d='M.863 4.178l3.632 2.556 3.368-6' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E") center / 50% auto no-repeat;
  z-index: 2;
}
.search-form__checkboxes label::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.3rem;
  background-color: #fff;
  transition: all 0.15s ease-in-out;
  left: 0;
  top: 0.2rem;
  border: 1px solid #ccc;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .search-form__search {
    display: grid;
  }
  .search-form__checkboxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 2rem 0;
  }
  .search-form__checkboxes label {
    font-size: 1.8rem;
  }
  .search-form__checkboxes label::before {
    top: 0.1rem;
  }
  .search-form__checkboxes label::after {
    top: 0;
  }
}
.articles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.articles--hp {
  margin-top: -5rem;
}
.articles__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0;
  overflow: hidden;
  top: 0;
  transition: all 0.15s ease-in-out;
}
.articles__item:hover {
  top: -0.5rem;
}
.articles__item:hover .articles__title {
  color: #ca0832;
}
.articles__image {
  height: 0;
  padding-bottom: 64%;
  width: 100%;
  overflow: hidden;
}
.articles__image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.articles__content {
  padding: 1.5rem 2rem;
}
.articles__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  color: #653929;
  transition: all 0.15s ease-in-out;
  line-height: 1.2em;
}
.articles__date {
  font-size: var(--font-size-16);
  color: #f0c13a;
  display: block;
  line-height: 1.3em;
  font-weight: 700;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3E%3Cpath fill-rule='evenodd' fill='%23f0c13a' d='M14.344 16H2.656A2.636 2.636 0 010 13.333v-9.6a2.635 2.635 0 012.656-2.666h2.125V.533c0-.32.213-.533.532-.533.318 0 .531.213.531.533v.534h5.312V.533c0-.32.213-.533.531-.533.319 0 .532.213.532.533v.534h2.125A2.635 2.635 0 0117 3.733v9.6A2.636 2.636 0 0114.344 16zM1.062 13.333c0 .854.744 1.6 1.594 1.6h11.688c.85 0 1.594-.746 1.594-1.6V6.4H1.062v6.933zm14.876-9.6c0-.853-.744-1.6-1.594-1.6h-2.125v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H5.844v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H2.656c-.85 0-1.594.747-1.594 1.6v1.6h14.876v-1.6zm-2.657 9.6c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.32.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.214.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.427.319.747s-.106.533-.319.746c-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.743.32zm-3.188 3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.32.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32-.213-.213-.319-.426-.319-.746s.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32z'/%3E%3C/svg%3E") left 40% / 1.1em auto no-repeat;
  padding-left: 3rem;
  margin: 1rem 0;
}
.articles__perex {
  color: #653929;
  font-size: var(--font-size-16);
}
.articles__perex p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .articles {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .articles {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
  .articles__item {
    margin: 0 auto;
    width: 100%;
  }
  .articles__item:hover {
    top: 0;
  }
  .articles__image {
    padding-bottom: 68.26%;
  }
  .articles__image img {
    width: 100%;
  }
  .articles__date {
    padding: 0.4rem 0.7rem 0.2rem 2.4rem;
    border-radius: 0.4rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 5;
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1em;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0,.prefix__st1%7Bfill:none;stroke:%23653929;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D.prefix__st1%7Bstroke-width:15%7D%3C/style%3E%3Cg id='prefix__Vrstva_1'%3E%3Cpath class='prefix__st0' d='M198.3 38.3h13.5c16.1 0 29.2 13.1 29.2 29.2v147.7c0 16.1-13.1 29.2-29.2 29.2H42.2c-16.1 0-29.2-13.1-29.2-29.2V67.5c0-16.1 13.1-29.2 29.2-29.2h12.5m49 0h47'/%3E%3Cpath class='prefix__st1' d='M173.7 12v54.7M80.3 12v54.7m160.7 31H13'/%3E%3Cpath class='prefix__st0' d='M75.7 154.8h-20v-20h20v20zm62.5-20h-20v20h20v-20zm61 0h-20v20h20v-20zM75.4 188.9h-20v20h20v-20zm62.6 0h-20v20h20v-20zm61 0h-20v20h20v-20z'/%3E%3Cg%3E%3Cpath class='prefix__st1' d='M198.3 38.3h13.5c16.1 0 29.2 13.1 29.2 29.2v147.7c0 16.1-13.1 29.2-29.2 29.2H42.2c-16.1 0-29.2-13.1-29.2-29.2V67.5c0-16.1 13.1-29.2 29.2-29.2h12.5m49 0h47M173.7 12v54.7M80.3 12v54.7m160.7 31H13'/%3E%3Cpath class='prefix__st1' d='M75.7 154.8h-20v-20h20v20zm62.5-20h-20v20h20v-20zm61 0h-20v20h20v-20zM75.4 188.9h-20v20h20v-20zm62.6 0h-20v20h20v-20zm61 0h-20v20h20v-20z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0.5rem 0.4rem / auto 1.2rem no-repeat;
    background-color: #fff;
    margin: 0;
  }
  .articles__content {
    padding: 1rem;
    text-align: center;
  }
  .articles__title {
    font-size: 1.6rem;
  }
  .articles__perex {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .articles {
    gap: 1rem;
  }
}
.pagination {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 4rem;
}
.pagination ul {
  margin: 0 auto;
  text-align: center;
}
.pagination ul li {
  position: inherit;
  padding: 0;
  margin: 0;
}
.pagination li a {
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  text-decoration: none;
  padding: 0.8rem 1.2rem 0.8rem;
  display: inline-block;
  font-size: var(--font-size-18);
  line-height: 1em;
  background: #653929;
  color: #fff;
  margin: 0.2rem;
  border: none;
  border-radius: 0.3rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
}
.pagination li a:hover {
  background-color: #ca0832;
}
.pagination li {
  display: inline-block;
}
.pagination li.active a {
  color: #653929;
  background: #fff;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .pagination {
    margin-top: 2rem;
  }
  .pagination li a {
    padding: 0.7rem 0.9rem 0.6rem;
    font-size: 1.6rem;
    background: #ca0832;
  }
}
.single-post-header__subheading {
  font-family: 'Tillana', cursive;
  font-weight: 500;
  font-size: var(--font-size-24);
  margin-bottom: 0.5rem;
}
.single-post-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-post-header__date {
  font-size: var(--font-size-18);
  color: #653929;
  display: block;
  line-height: 1.3em;
  font-weight: 700;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M14.344 16H2.656A2.636 2.636 0 010 13.333v-9.6a2.635 2.635 0 012.656-2.666h2.125V.533c0-.32.213-.533.532-.533.318 0 .531.213.531.533v.534h5.312V.533c0-.32.213-.533.531-.533.319 0 .532.213.532.533v.534h2.125A2.635 2.635 0 0117 3.733v9.6A2.636 2.636 0 0114.344 16zM1.062 13.333c0 .854.744 1.6 1.594 1.6h11.688c.85 0 1.594-.746 1.594-1.6V6.4H1.062v6.933zm14.876-9.6c0-.853-.744-1.6-1.594-1.6h-2.125v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H5.844v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H2.656c-.85 0-1.594.747-1.594 1.6v1.6h14.876v-1.6zm-2.657 9.6c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.32.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.214.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.427.319.747s-.106.533-.319.746c-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.743.32zm-3.188 3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.32.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32-.213-.213-.319-.426-.319-.746s.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32z'/%3E%3C/svg%3E") left 35% / 1.1em auto no-repeat;
  padding-left: 3rem;
  margin: 1rem 0;
}
.single-post-header__share {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.single-post-header__share-facebook {
  display: inline-block;
  width: 1em;
  height: 2em;
  margin-left: 1rem;
  transition: all 0.15s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E") center / auto 60% no-repeat;
}
.single-post-header__share-facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%234267B2' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {
  .single-post-header__subheading {
    font-size: 2rem;
  }
  .single-post-header__row {
    margin: -1rem 0 1rem;
  }
  .single-post-header__date {
    font-size: 1.6rem;
    background-size: 1em auto;
    padding-left: 2.4rem;
  }
  .single-post-header__share {
    font-size: 1.6rem;
    line-height: 1.1em;
  }
  .single-post-header__share-facebook {
    margin-left: 0.5rem;
    top: -0.1em;
  }
}
.recipes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.recipes--flex {
  display: flex;
  justify-content: center;
}
.recipes--flex .recipes__item {
  flex-basis: 100%;
  max-width: 38.3rem;
}
.recipes__item {
  background-color: #fff;
  top: 0;
  transition: all 0.15s ease-in-out;
  box-shadow: 0 0.2rem 0.7rem rgba(0, 0, 0, 0.15);
}
.recipes__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/background-paper.webp);
  opacity: 0.25;
  z-index: 2;
}
.recipes__item:nth-child(1) {
  transform: rotate(0.3deg);
}
.recipes__item:nth-child(2) {
  transform: rotate(-0.6deg);
}
.recipes__item:nth-child(3) {
  transform: rotate(0.9deg);
}
.recipes__item:nth-child(4) {
  transform: rotate(-1deg);
}
.recipes__item:nth-child(5) {
  transform: rotate(0.2deg);
}
.recipes__item:nth-child(6) {
  transform: rotate(-0.5deg);
}
.recipes__item:nth-child(7) {
  transform: rotate(0.5deg);
}
.recipes__item:nth-child(8) {
  transform: rotate(-0.3deg);
}
.recipes__item:nth-child(9) {
  transform: rotate(0.8deg);
}
.recipes__item:nth-child(1)::after {
  background-position: left top;
}
.recipes__item:nth-child(2)::after {
  background-position: center;
}
.recipes__item:nth-child(3)::after {
  background-position: bottom right;
}
.recipes__item:nth-child(4)::after {
  background-position: right top;
}
.recipes__item:nth-child(5)::after {
  background-position: left center;
}
.recipes__item:nth-child(6)::after {
  background-position: bottom left;
}
.recipes__item:nth-child(7)::after {
  background-position: 5rem 5rem;
}
.recipes__item:nth-child(8)::after {
  background-position: bottom center;
}
.recipes__item:nth-child(9)::after {
  background-position: center top;
}
.recipes__item:hover {
  top: -0.5rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.25);
}
.recipes__item:hover .recipes__title {
  color: #ca0832;
}
.recipes__image {
  padding: 1rem;
  display: block;
  z-index: 5;
}
.recipes__image img {
  margin: 0 auto;
}
.recipes__title {
  font-family: 'Tillana', cursive;
  font-weight: 500;
  font-size: var(--font-size-20);
  line-height: 1.1em;
  color: #653929;
  transition: all 0.15s ease-in-out;
}
.recipes__content {
  padding: 0.5rem 2rem 1.5rem;
  display: block;
  z-index: 5;
}
@media screen and (max-width: 1200px) {
  .recipes {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .recipes {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    max-width: 74rem;
  }
  .recipes--home {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .recipes--home .recipes__content {
    padding: 1rem;
  }
  .recipes__item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-basis: 100%;
    max-width: 36rem;
    box-shadow: 0 0.2rem 0.7rem rgba(0, 0, 0, 0.15);
    padding: 0;
  }
  .recipes__image {
    padding: 0;
  }
  .recipes__image img {
    width: 100%;
  }
  .recipes__content {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 1rem;
    text-align: center;
  }
  .recipes__title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 660px) {
  .recipes--home {
    grid-template-columns: 1fr 1fr;
  }
}
.accordition {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0.5rem 0;
  margin-bottom: 6rem;
  transition: all 0.15s ease-in-out;
  overflow: hidden;
  margin-top: -3.1rem;
  text-align: center;
}
.accordition--arrow {
  padding-right: 4rem;
  text-align: left;
}
.accordition--arrow:hover::after {
  opacity: 0;
  visibility: hidden;
}
.accordition--arrow::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  right: 2rem;
  display: inline-block;
  top: 2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.7 79.5'%3E%3Cpath fill='none' stroke='%23653929' stroke-width='18' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M8.7 8.1L70.5 70l62.6-62.6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.accordition__title {
  display: none;
}
.accordition__item,
.accordition .menu-item {
  display: inline-block;
}
.accordition__item.active a,
.accordition .menu-item.active a,
.accordition__item.current_page_item a,
.accordition .menu-item.current_page_item a {
  color: #ca0832;
}
.accordition__item a,
.accordition .menu-item a {
  display: block;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
  padding: 1.5rem 2rem;
  color: #653929;
}
.accordition__item a:hover,
.accordition .menu-item a:hover {
  color: #ca0832;
}
@media screen and (max-width: 767px) {
  .accordition {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
  }
  .accordition--arrow {
    padding-right: 4rem;
  }
  .accordition__title {
    display: block;
    font-size: 2rem;
    padding: 1.2rem 4rem 1.2rem 2rem;
    line-height: 1.1em;
  }
  .accordition__title.active::after {
    transform: rotate(45deg);
  }
  .accordition__title::after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 1.3rem;
    width: 2rem;
    height: 2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 24 24'%3E%3Cpath d='M1.6 10h16.8M10 1.6v16.8' fill='none' stroke='%23653929' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .accordition__content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
  .accordition__content.visible {
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .accordition__content strong {
    text-decoration: underline;
  }
  .accordition__content-inside {
    border-top: 1px solid #ccc;
    padding: 1.5rem 2rem;
  }
  .accordition__list {
    background: #f2f2f2;
  }
  .accordition__item,
  .accordition__list-item,
  .accordition .menu-item {
    display: block;
    border-top: 1px solid #ccc;
  }
  .accordition__item.active a,
  .accordition__list-item.active a,
  .accordition .menu-item.active a,
  .accordition__item.current_page_item a,
  .accordition__list-item.current_page_item a,
  .accordition .menu-item.current_page_item a {
    background-color: #ca0832;
    color: #fff;
  }
  .accordition__item a,
  .accordition__list-item a,
  .accordition .menu-item a {
    padding: 0.8rem 2rem;
    font-size: 1.8rem;
  }
}
.taxonomy-description {
  margin-bottom: 3rem;
  margin-top: -2rem;
}
.taxonomy-description p {
  text-align: center;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
}
.header-banner {
  padding: 10rem 0 5rem;
  display: flex;
  align-items: center;
  min-height: 50rem;
  border-bottom: 0.6rem solid #f0c13a;
}
.header-banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #653929;
  opacity: 0.25;
  z-index: 1;
}
.header-banner__subheading {
  font-family: 'Tillana', cursive;
  font-weight: 500;
  color: #fff;
  font-size: var(--font-size-30);
  text-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.5);
}
.header-banner__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: var(--font-size-48);
  text-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.5);
}
.header-banner__title-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
.header-banner__badge {
  max-width: 220px;
  top: 2em;
}
.section-padding-top-1-px {
  padding-top: 1px;
}
.section-padding-bottom-1-px {
  padding-bottom: 1px;
}
.recipe-detail {
  display: flex;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0;
  overflow: hidden;
  margin-top: -5rem;
  margin-bottom: -5rem;
}
.recipe-detail__left {
  flex-grow: 1;
  padding: 3rem 4rem;
}
.recipe-detail__left .global-style {
  z-index: 2;
}
.recipe-detail__left::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/background-paper.webp) left top / auto no-repeat;
  opacity: 0.2;
  z-index: 0;
}
.recipe-detail__left-inside {
  display: flex;
  gap: 4rem;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='64'%3E%3Cpath fill-rule='evenodd' fill='%23f0c13a' d='M59.448 28.544a14.996 14.996 0 01-11.357 10.775L42.75 59.251a5.57 5.57 0 01-6.814 3.934L4.54 54.772a5.525 5.525 0 01-3.38-2.596 5.526 5.526 0 01-.552-4.224l5.359-19.899a14.993 14.993 0 01-4.474-15.038C3.633 5.026 11.875.268 19.864 2.409c.798.213 1.604.543 2.427.935C26.098.74 30.97-.263 35.765 1.022c4.794 1.285 8.512 4.589 10.507 8.748.909.071 1.772.189 2.57.403 7.989 2.141 12.747 10.382 10.606 18.371zM3.241 48.66a2.815 2.815 0 00.282 2.155 2.818 2.818 0 001.723 1.323l31.396 8.413a2.842 2.842 0 003.474-2.006l1.383-5.163L4.63 43.503 3.241 48.66zm44.895-35.852c-.256-.069-.534-.11-.804-.16.712 2.673.769 5.557.003 8.416a1.363 1.363 0 11-2.634-.706c1.946-7.263-2.38-14.756-9.642-16.702-7.263-1.946-14.755 2.38-16.701 9.643a1.363 1.363 0 11-2.635-.706 16.247 16.247 0 014.211-7.287c-.259-.091-.521-.195-.776-.263-6.537-1.752-13.279 2.141-15.031 8.678a12.27 12.27 0 004.207 12.764 1.377 1.377 0 01.529 1.251 1.373 1.373 0 01-.045.219L5.34 40.869l36.865 9.878 3.466-12.936a1.4 1.4 0 01.416-.693 1.345 1.345 0 01.734-.336 12.276 12.276 0 009.993-8.943c1.752-6.537-2.141-13.28-8.678-15.031zM37.567 40.519a1.365 1.365 0 01-1.589-2.217c1.874-1.347 5.038-4.19 5.547-6.09a1.363 1.363 0 112.634.706c-.927 3.459-6.014 7.186-6.592 7.601zm-10.014-3.58a1.364 1.364 0 01-2.635-.706l2.118-7.903a1.363 1.363 0 112.634.706l-2.117 7.903zm-11.292-1.934a1.366 1.366 0 01-1.806-.679c-.292-.648-2.835-6.42-1.908-9.878a1.363 1.363 0 112.634.706c-.511 1.906.808 5.946 1.76 8.045a1.366 1.366 0 01-.68 1.806z'/%3E%3C/svg%3E") right 0.5rem / 5rem auto no-repeat;
}
.recipe-detail__column {
  flex-basis: 100%;
}
.recipe-detail__right {
  flex-shrink: 0;
  width: 24.1rem;
  border-left: 1px dashed #ccc;
  padding: 3rem;
}
.recipe-detail__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-36);
  margin-bottom: 3rem;
}
.recipe-detail__image {
  border-radius: 0.5rem;
  overflow: hidden;
  display: block;
}
.recipe-detail__image:not(:last-of-type) {
  margin-bottom: 1rem;
}
.recipe-detail__image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  transition: all 0.15s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23ffffff' d='M15.863 12.465a7.163 7.163 0 01-8.815 1.098s-.203-.121-.374.05l-3.718 3.719c-.742.742-1.779.918-2.437.26l-.113-.113c-.658-.658-.481-1.695.26-2.436l3.727-3.727c.163-.163.042-.366.042-.366a7.16 7.16 0 011.099-8.814c2.847-2.848 7.481-2.848 10.329 0 2.847 2.847 2.847 7.481 0 10.329zm-1.349-8.981a5.403 5.403 0 00-7.632 0 5.403 5.403 0 000 7.632 5.403 5.403 0 007.632 0 5.403 5.403 0 000-7.632zm-2.228 1.202a3.241 3.241 0 00-4.243 1.72.755.755 0 11-1.389-.587 4.75 4.75 0 016.22-2.521.753.753 0 11-.588 1.388z'/%3E%3C/svg%3E") center / auto 3rem no-repeat;
  opacity: 0;
}
.recipe-detail__image:hover::before {
  opacity: 1;
}
.recipe-detail__image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(101, 57, 41, 0);
  transition: all 0.15s ease-in-out;
}
.recipe-detail__image:hover::after {
  background-color: rgba(101, 57, 41, 0.5);
}
.recipe-detail__share {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-top: 3rem;
  z-index: 2;
}
.recipe-detail__share-facebook {
  display: inline-block;
  width: 1em;
  height: 2em;
  margin-left: 1rem;
  transition: all 0.15s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E") center / auto 60% no-repeat;
}
.recipe-detail__share-facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%234267B2' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E");
}
.footer {
  background: #653929;
  color: #fff3d6;
  z-index: 10;
}
.footer::before {
  content: "";
  width: 100%;
  height: 1rem;
  bottom: calc(100% - 3px);
  display: block;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 8.9'%3E%3Cpath d='M0 8.9h21.9V4.7c-.6 0-1.2-.1-1.7-.4l-7.9-4c-.9-.5-2-.5-2.9 0l-7.9 4c-.5.3-1 .4-1.5.4v4.2z' fill='%23653929'/%3E%3C/svg%3E") center / contain repeat-x;
}
.footer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/svg/footer-leafs.svg) center / cover no-repeat;
  opacity: 0.2;
}
.footer__logo {
  transform: translate(0, -50%);
  max-width: 18rem;
  margin: 0 auto;
  display: block;
  z-index: 5;
}
.footer__logo img {
  width: 100%;
}
.footer__agrofert {
  text-align: center;
  font-size: var(--font-size-14);
  margin-top: 5rem;
}
.footer__under-agrofert {
  font-size: var(--font-size-14);
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 2px solid #885847;
  text-align: center;
}
.footer__copyright {
  font-size: var(--font-size-14);
  text-align: center;
  margin-top: 2rem;
}
.footer__links {
  font-size: 1.4rem;
  padding: 2rem 0 3rem;
  margin: 0 auto;
  text-align: center;
}
.footer__links a {
  color: #fff3d6;
  text-decoration: underline;
}
.footer__links a:hover {
  color: #f0c13a;
}
.footer__contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.footer__contact-item {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #fff3d6;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 40rem;
}
.footer__contact-item:hover::before {
  border-color: #f0c13a;
}
.footer__contact-item:hover .footer__contact-value {
  color: #f0c13a;
}
.footer__contact-item::before {
  content: "";
  display: inline-block;
  margin-right: 1.5rem;
  width: 5rem;
  height: 5rem;
  border: 1px solid #fff3d6;
  border-radius: 5rem;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.15s ease-in-out;
}
.footer__contact-item--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='42'%3E%3Cpath fill-rule='evenodd' fill='%23FFF3D6' d='M25.782 7.666c-8.524-.084-14.53-.633-15.335 9.08H.046C.046 1.982 12.918-.009 25.51-.009c12.591 0 25.464 1.991 25.464 16.755H40.491c-.728-9.53-6.111-8.995-14.709-9.08zM10.494 17.957c0 .447-.036.834-.099 1.176-.473 2.512-2.597 2.359-5.151 2.359-2.899 0-5.249.203-5.249-3.535H10.494zm4.106-2.545v-1.485c0-.664.765-.706 1.709-.706h1.543c.944 0 1.709.042 1.709.706v2.272h10.915v-2.272c0-.664.766-.706 1.71-.706h1.542c.944 0 1.71.042 1.71.706v2.781c2.487 2.585 10.622 13.583 10.915 14.876v8.933a1.49 1.49 0 01-1.489 1.489H5.173a1.49 1.49 0 01-1.488-1.489l-.004-8.888c.295-1.333 8.432-12.336 10.919-14.921v-1.296zm16.331 17.413a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm0-4.963a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm0-4.963a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm-5.954 9.926a1.447 1.447 0 100-2.893 1.447 1.447 0 000 2.893zm0-4.963a1.447 1.447 0 100-2.893 1.447 1.447 0 000 2.893zm0-4.963a1.447 1.447 0 100-2.893 1.447 1.447 0 000 2.893zm-5.954 9.926a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm0-4.963a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm0-4.963a1.447 1.447 0 100-2.894 1.447 1.447 0 000 2.894zm21.549-3.766a5.641 5.641 0 01-.111-1.176H51.01c0 3.54-2.361 3.349-5.274 3.349-2.544 0-4.666.144-5.164-2.173z'/%3E%3C/svg%3E");
}
.footer__contact-item--email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF3D6' d='M32.842 18l17.24-15.456v30.912L32.842 18zM2.92 0h44.324L25.082 19.868 2.92 0zM.082 33.456V2.544L17.321 18 .082 33.456zm25-8.499l4.922-4.413L47.244 36H2.92l17.24-15.456 4.922 4.413z'/%3E%3C/svg%3E");
}
.footer__contact-title {
  font-size: var(--font-size-16);
  display: block;
  margin-bottom: -0.2em;
}
.footer__contact-value {
  font-size: var(--font-size-24);
  display: block;
  transition: all 0.15s ease-in-out;
}
.footer__columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(10px, 5cqw, 4rem);
}
.footer__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.footer__menu li {
  display: block;
  position: relative;
  padding-left: 2rem;
}
.footer__menu li::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath stroke='%23fff3d6' stroke-width='3' fill='none' d='M1 1h8v8H1V1z'/%3E%3C/svg%3E") left 0.1rem / contain no-repeat;
  width: 0.6rem;
  height: 1em;
  line-height: 2.7rem;
  position: absolute;
  left: 0;
  display: inline-block;
  top: 0.9rem;
}
.footer__menu .current-menu-item a {
  color: #fff;
}
.footer__menu a {
  color: #fff3d6;
  font-size: var(--font-size-18);
  margin-bottom: 0.7rem;
  display: inline-block;
}
.footer__menu a:hover {
  color: #f0c13a;
}
.footer__marketing {
  font-size: var(--font-size-18);
}
.footer__marketing a {
  color: #fff3d6;
  text-decoration: underline;
}
.footer__marketing a:hover {
  color: #f0c13a;
}
.footer__socials {
  display: flex;
  gap: 2rem;
  margin-top: 3rem;
}
.footer__socials-item {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background-size: auto 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff3d6;
  border-radius: 5rem;
}
.footer__socials-item:hover {
  background-color: #f0c13a;
}
.footer__socials-item--facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E");
}
.footer__socials-item--youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='90'%3E%3Cpath fill-rule='evenodd' fill='%23653929' d='M63.44 65.832H58.5l.023-2.869a2.33 2.33 0 012.327-2.318h.315a2.332 2.332 0 012.332 2.318l-.057 2.869zm-18.527-6.148c-1.253 0-2.278.841-2.278 1.873V75.51c0 1.029 1.025 1.869 2.278 1.869 1.258 0 2.284-.84 2.284-1.869V61.557c0-1.032-1.026-1.873-2.284-1.873zM75 51.879v26.544C75 84.79 69.479 90 62.731 90h-50.46C5.52 90 0 84.79 0 78.423V51.879c0-6.367 5.52-11.578 12.271-11.578h50.46C69.479 40.301 75 45.512 75 51.879zM15.637 81.305l-.004-27.961 6.255.002v-4.143l-16.674-.025v4.073l5.205.015v28.039h5.218zm18.75-23.796h-5.215v14.93c0 2.161.131 3.241-.008 3.622-.424 1.158-2.33 2.387-3.073.124-.126-.395-.015-1.59-.017-3.642l-.021-15.034h-5.186l.016 14.798c.004 2.267-.051 3.959.018 4.728.127 1.358.082 2.94 1.341 3.843 2.346 1.69 6.843-.252 7.968-2.668l-.01 3.083 4.188.005V57.509h-.001zM51.07 74.607l-.011-12.427c-.004-4.737-3.547-7.573-8.357-3.74l.021-9.24-5.21.008-.025 31.89 4.284-.063.389-1.986c5.476 5.023 8.917 1.582 8.909-4.442zm16.321-1.647l-3.91.021c-.003.155-.008.334-.01.529v2.181c0 1.168-.965 2.119-2.137 2.119h-.766c-1.173 0-2.138-.951-2.138-2.119V69.953h8.954v-3.37c0-2.463-.064-4.925-.267-6.333-.64-4.454-6.892-5.161-10.051-2.881a5.887 5.887 0 00-2.188 2.945c-.444 1.282-.665 3.032-.665 5.254v7.411c.001 12.317 14.963 10.576 13.178-.019zM47.333 32.732a3.55 3.55 0 001.254 1.584c.56.394 1.277.592 2.134.592.752 0 1.418-.203 1.998-.622.578-.417 1.065-1.04 1.463-1.871l-.099 2.046h5.813V9.74H55.32v19.24a1.907 1.907 0 01-3.811 0V9.74h-4.777v16.674c0 2.124.04 3.54.102 4.258.066.713.231 1.397.499 2.06zM29.717 18.77c0-2.373.198-4.226.591-5.562.396-1.331 1.107-2.401 2.137-3.208 1.027-.811 2.342-1.217 3.941-1.217 1.345 0 2.497.264 3.46.781.967.52 1.713 1.195 2.23 2.028a7.978 7.978 0 011.076 2.574c.196.891.291 2.235.291 4.048v6.252c0 2.293-.091 3.98-.27 5.051a8.006 8.006 0 01-1.146 3.004c-.58.924-1.329 1.615-2.237 2.056-.918.445-1.968.663-3.154.663-1.325 0-2.441-.183-3.361-.565-.923-.38-1.636-.953-2.144-1.714-.513-.762-.874-1.69-1.092-2.772-.219-1.081-.323-2.707-.323-4.874V18.77h.001zm4.553 9.82c0 1.4 1.042 2.543 2.311 2.543 1.27 0 2.308-1.143 2.308-2.543V15.43c0-1.398-1.038-2.541-2.308-2.541-1.269 0-2.311 1.143-2.311 2.541v13.16zm-16.088 6.645h5.484l.006-18.96L30.152.033h-5.998l-3.445 12.064L17.215 0h-5.936l6.894 16.284.009 18.951z'/%3E%3C/svg%3E");
}
.footer__socials-item--instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169.06' height='169.06' fill='%23653929'%3E%3Cpath d='M122.41 0H46.65C20.93 0 0 20.93 0 46.66v75.75c0 25.73 20.93 46.66 46.65 46.66h75.75c25.73 0 46.66-20.93 46.66-46.65V46.66C169.06 20.93 148.13 0 122.41 0zm31.65 122.41c0 17.45-14.2 31.66-31.66 31.66H46.65C29.2 154.06 15 139.86 15 122.41V46.66C15 29.2 29.2 15 46.65 15h75.75c17.45 0 31.66 14.2 31.66 31.66v75.75z'/%3E%3Cpath d='M84.53 40.97c-24.02 0-43.56 19.54-43.56 43.56 0 24.02 19.54 43.56 43.56 43.56s43.56-19.54 43.56-43.56c0-24.02-19.54-43.56-43.56-43.56zm0 72.12c-15.75 0-28.56-12.81-28.56-28.56 0-15.75 12.81-28.56 28.56-28.56s28.56 12.81 28.56 28.56c0 15.75-12.81 28.56-28.56 28.56zM129.92 28.25c-2.89 0-5.73 1.17-7.77 3.22a11.057 11.057 0 00-3.23 7.78c0 2.89 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z'/%3E%3C/svg%3E");
}
.footer__socials-item--linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 24 24' version='1.1' viewBox='0 0 24 24'%3E%3Cpath fill='%23653929' d='M5.3 23.7h-5V7h5v16.7zm18.5 0h-5v-9c0-2.3-.8-3.5-2.5-3.5-1.3 0-2.1.7-2.5 2v10.5h-5s.1-15.1 0-16.8h4l.3 3.4H13c1-1.7 2.7-2.8 4.9-2.8 1.7 0 3.1.5 4.2 1.7s1.6 2.8 1.6 5.1v9.4zM2.8.3c1.4 0 2.6 1.1 2.6 2.5S4.2 5.3 2.8 5.3.2 4.2.2 2.8 1.4.3 2.8.3z'/%3E%3C/svg%3E");
  background-size: auto 55%;
}
.footer__partner-logos {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
  margin-top: 1em;
  gap: 1em;
}
.footer__partner-logos-item {
  aspect-ratio: 1/1;
  height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__partner-logos-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 20em;
  background-color: #fff;
}
.footer__partner-logos-item img {
  height: 5em;
  width: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .footer__columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: 3rem;
    padding-bottom: 5rem;
    text-align: center;
  }
  .footer__logo {
    transform: translate(0, 0);
    max-width: 12rem;
    margin: 0 auto 2rem;
  }
  .footer__columns {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .footer__contact {
    gap: 1.5rem;
  }
  .footer__contact-item {
    max-width: 100%;
    flex-direction: column;
    text-align: center;
  }
  .footer__contact-item::before {
    margin: 0 0 1rem 0;
    width: 4rem;
    height: 4rem;
  }
  .footer__contact-title {
    font-size: var(--font-size-14);
  }
  .footer__contact-value {
    font-size: var(--font-size-20);
  }
  .footer__title {
    font-size: var(--font-size-20);
    margin-bottom: 1rem;
  }
  .footer__menu a {
    font-size: var(--font-size-16);
    margin-bottom: 0.5rem;
  }
  .footer__menu li::before {
    top: 0.7rem;
  }
  .footer__socials {
    justify-content: center;
    margin-top: 2rem;
  }
  .footer__socials-item {
    width: 4.4rem;
    height: 4.4rem;
  }
  .footer__agrofert {
    font-size: 1.4rem;
    margin-top: 3rem;
  }
  .footer__under-agrofert {
    font-size: 1.3rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .footer__copyright {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
  .footer__links {
    font-size: 1.1rem;
    padding: 1rem 0 0;
  }
  .footer__partner-logos {
    justify-content: center;
    gap: 0.8em;
  }
  .footer__partner-logos-item {
    height: 4em;
  }
  .footer__partner-logos-item img {
    height: 4em;
  }
}
.contact-form {
  z-index: 10;
  padding: 8rem 0;
}
.contact-form__inside-wrapper {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 1rem;
  display: flex;
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin: 0 auto;
}
.contact-form__left {
  flex-basis: 65%;
  padding: 4rem 4.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Cpath fill-rule='evenodd' fill='%23F0C13A' d='M67.26 30.282a4.064 4.064 0 01-2.643 1.688L30.91 37.937a4.063 4.063 0 01-3.059-.678 4.067 4.067 0 01-1.686-2.647s-4.255-24.043-4.232-24.216c-.168-2.08 1.253-3.995 3.347-4.366L58.99.064a4.097 4.097 0 014.744 3.326l4.203 23.828a4.078 4.078 0 01-.677 3.064zm-39.67.178l7.994-12.455c-4.141-2.03-8.674-4.3-11.17-5.554L27.59 30.46zM59.703 2.129c-.113 0-.227.01-.344.03L25.651 8.125a1.957 1.957 0 00-1.61 1.757c2.664 1.342 13.746 6.912 18.836 9.267a3.753 3.753 0 004.163-.672C51.352 14.429 60.322 4.122 61.313 2.98a1.971 1.971 0 00-1.61-.851zm2.244 3.362c-1.662 1.902-4.993 5.682-8.184 9.123l11.335 8.734-3.151-17.857zm3.699 20.966L52.303 16.175c-1.415 1.497-2.743 2.853-3.811 3.855a5.872 5.872 0 01-6.507 1.053 287.3 287.3 0 01-4.478-2.138l-9.372 14.603.122.694c.092.518.38.97.811 1.272.43.302.954.417 1.472.327l33.709-5.967a1.954 1.954 0 001.27-.812c.302-.431.418-.955.327-1.474l-.2-1.131zm-44.147 3.789l-7.234 1.281a1.063 1.063 0 01-.369-2.096l7.234-1.28a1.058 1.058 0 011.231.862 1.064 1.064 0 01-.862 1.233zm-1.08-6.126L9.567 26.041a1.061 1.061 0 01-1.231-.863 1.063 1.063 0 01.861-1.233l10.853-1.921a1.06 1.06 0 011.23.863 1.063 1.063 0 01-.861 1.233zm-1.085-6.157L1.246 21.165a1.061 1.061 0 01-1.231-.863 1.063 1.063 0 01.861-1.233l18.088-3.201a1.06 1.06 0 011.231.863 1.062 1.062 0 01-.861 1.232z'/%3E%3C/svg%3E") calc(100% - 4.5rem) 4rem / 7rem auto no-repeat;
}
.contact-form__right {
  flex-basis: 35%;
  background: #ca0832;
  color: #fff;
  padding: 4rem 4.5rem;
}
.contact-form__right a:not(.button) {
  font-size: var(--font-size-18);
  margin-top: 0;
  color: #fff;
  margin-bottom: 1rem;
  display: inline-block;
}
.contact-form__right a:not(.button):hover {
  text-decoration: underline;
}
.contact-form__right p:not(:last-child) {
  margin-bottom: 2rem;
}
.contact-form__right .button {
  text-decoration: none;
  color: #653929 !important;
  background-color: #fff;
  margin-top: 2em;
}
.contact-form__right .button:hover {
  text-decoration: none !important;
  background-color: #f0c13a !important;
  color: #fff !important;
}
.contact-form__star {
  color: #fff3d6;
}
.contact-form__icon-text {
  display: flex;
}
.contact-form__icon-text:not(:last-of-type) {
  margin-bottom: 4rem;
}
.contact-form__note {
  margin-top: 1rem;
  font-size: var(--font-size-16);
  color: #fff3d6;
}
.contact-form__icon {
  padding: 1.5rem;
  border: 1px solid #fff3d6;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  flex-shrink: 0;
  margin-right: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-form__icon--email {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF3D6' d='M32.842 18l17.24-15.456v30.912L32.842 18zM2.92 0h44.324L25.082 19.868 2.92 0zM.082 33.456V2.544L17.321 18 .082 33.456zm25-8.499l4.922-4.413L47.244 36H2.92l17.24-15.456 4.922 4.413z'/%3E%3C/svg%3E") center / 50% auto no-repeat;
}
.contact-form__icon--paragraph {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23FFF3D6' d='M12.969 14.996c-.005-.232-.022-1.397-.825-2.805-.783-1.41-2.468-2.924-5.124-3.558-1.658-.436-2.13-1.065-2.426-1.53a2.02 2.02 0 01-.252-.714c.08-1.345.423-1.432.963-1.794.281-.141.621-.231.875-.27a3.19 3.19 0 01.285-.036l.038-.002c1.389.072 1.474.414 1.839.958.145.277.233.617.275.866a3.53 3.53 0 01.039.341l.697-.023h3.617c-.013-.179.015-1.514-.768-3.101-.711-1.6-2.783-3.398-5.703-3.324-.18.011-1.524-.016-3.122.76C1.766 1.471-.045 3.529.028 6.429c.004.231.023 1.396.823 2.802.231.415.55.837.939 1.246-.439.456-.784.944-.996 1.419-.78 1.588-.755 2.922-.766 3.101.004.229.023 1.396.824 2.802.784 1.409 2.47 2.923 5.123 3.557 1.66.437 2.132 1.065 2.426 1.529.137.238.203.461.234.599.012.05.018.088.02.113-.077 1.351-.422 1.436-.962 1.8a3.158 3.158 0 01-.873.269 2.508 2.508 0 01-.338.038c-1.376-.077-1.462-.416-1.827-.957a3.126 3.126 0 01-.273-.87c-.023-.122-.031-.226-.036-.285-.004-.025-.004-.042-.004-.05v-.004l-.719.025H.027c.012.176-.013 1.511.766 3.099.698 1.567 2.701 3.327 5.529 3.327l.177-.002c.18-.012 1.524.016 3.12-.761 1.611-.706 3.425-2.766 3.349-5.663-.004-.234-.023-1.399-.822-2.805a6.193 6.193 0 00-.939-1.245c.438-.457.784-.945.994-1.42.784-1.586.756-2.918.768-3.097zm-4.678 1.286c-.329.441-.466.742-1.548.835-1.425-.431-1.87-1.01-2.146-1.445a2.046 2.046 0 01-.254-.711c.014-.193.109-.83.366-1.254.327-.44.464-.741 1.541-.835 1.428.43 1.874 1.009 2.151 1.444a2.105 2.105 0 01.255.714c-.017.2-.11.829-.365 1.252z'/%3E%3C/svg%3E") center / auto 50% no-repeat;
}
.contact-form__title {
  font-size: var(--font-size-30);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .contact-form {
    padding: 0 0 4rem;
  }
  .contact-form__inside-wrapper {
    border-radius: 0.5rem;
    box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
    border: none;
  }
  .contact-form__left {
    flex-basis: 54%;
    padding: 2rem;
    background-position: calc(100% - 2rem) 2rem;
    background-size: 5rem auto;
  }
  .contact-form__right {
    flex-basis: 46%;
    padding: 2rem;
  }
  .contact-form__right a:not(.button) {
    margin-bottom: 0.5rem;
    text-decoration: underline;
    line-height: 1.1em;
  }
  .contact-form__right p:not(:last-child) {
    margin-bottom: 1rem;
  }
  .contact-form__right .button {
    margin-top: 1em;
  }
  .contact-form__icon-text:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .contact-form__note {
    font-size: 1.4rem;
  }
  .contact-form__icon {
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    margin-right: 1.5rem;
  }
  .contact-form__title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .contact-form__inside-wrapper {
    flex-direction: column;
  }
  .contact-form__left,
  .contact-form__right {
    flex-basis: 100%;
  }
}
.contact-places {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.contact-places__item {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.contact-places__image {
  border-radius: 0.5rem;
  overflow: hidden;
}
.contact-places__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: var(--font-size-28);
}
@media screen and (max-width: 767px) {
  .contact-places {
    flex-direction: column;
    gap: 2rem;
  }
  .contact-places__item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
  }
  .contact-places__image {
    max-width: 16rem;
  }
  .contact-places__title {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
  }
}
.info-box {
  text-align: center;
}
.info-box__inside {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2rem;
  overflow: hidden;
  display: inline-block;
  margin: 4rem auto 0;
}
.info-box p {
  padding-left: 4rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
}
.info-box p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.6rem;
  height: 2.6rem;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.331 46.326c-1.753 0-3.278-.711-4.32-2.024-.971-1.222-1.384-2.833-1.135-4.421l1.196-7.618-.276.142a2.816 2.816 0 01-2.575-5.009l5.205-2.676a2.815 2.815 0 014.069 2.941L32.45 40.685c.41-.043 1.467-.301 3.435-1.668a2.815 2.815 0 113.214 4.624c-2.459 1.71-4.568 2.585-6.446 2.677a5.815 5.815 0 01-.322.008z' fill='%23f0c13a'/%3E%3Ccircle cx='32.803' cy='19.233' r='3.143' fill='%23f0c13a'/%3E%3Cpath d='M32 59.5C16.836 59.5 4.5 47.164 4.5 32S16.836 4.5 32 4.5 59.5 16.837 59.5 32 47.163 59.5 32 59.5zm0-49.368c-12.058 0-21.868 9.81-21.868 21.868S19.942 53.868 32 53.868c12.058 0 21.868-9.81 21.868-21.868S44.058 10.132 32 10.132z' fill='%23f0c13a'/%3E%3C/svg%3E") left top / contain no-repeat;
}
.info-box p a {
  color: #ca0832;
  text-decoration: underline;
  font-weight: 700;
}
.info-box p a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .info-box {
    display: block;
    margin: 3rem auto -2rem;
  }
  .info-box__inside {
    padding: 1.5rem;
    border-radius: 0.5rem;
  }
  .info-box p {
    font-size: 1.6rem;
  }
}
.first-choise {
  background: #fff;
  border-radius: 0.5rem;
  padding: 4rem 3rem;
  text-align: center;
  margin: 6rem auto 7rem;
}
.first-choise p {
  font-size: var(--font-size-24);
  margin: 0;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4em;
}
.icon-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
.icon-text__item {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
.icon-text__icon {
  width: 8rem;
  flex-shrink: 0;
}
.icon-text__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.icon-text__text {
  font-size: var(--font-size-16);
}
.world-penam-form-wrapper {
  padding: 1px 0;
  z-index: 5;
}
.world-penam-form-wrapper .contact-form {
  padding: 0;
  margin-top: -3rem;
  margin-bottom: -3rem;
}
.world-penam-form-wrapper .contact-form__inside-wrapper {
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
}
.projects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.projects__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2rem;
  overflow: hidden;
  top: 0;
}
.projects__item:hover {
  top: -0.5rem;
}
.projects__item:hover .projects__title {
  color: #ca0832;
}
.projects__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  color: #653929;
  margin-bottom: 1rem;
  transition: all 0.15s ease-in-out;
}
.projects__perex p {
  color: #653929;
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.timeline-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.timeline {
  max-width: 120rem;
  margin: 4rem auto;
}
.timeline::after {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  width: 2px;
  background: #ccc;
  height: 100%;
  top: 0;
}
.timeline__item {
  z-index: 2;
  min-height: 10rem;
}
.timeline__item:not(:first-child) {
  margin-top: -2em;
}
.timeline__item:last-child {
  background-color: #f2f2f2;
  z-index: 1;
}
.timeline__item:nth-of-type(even) .timeline__content {
  margin-left: auto;
}
.timeline__item:nth-of-type(even) .timeline__content::before {
  transform: rotate(-45deg);
  left: -0.55em;
}
.timeline__item:nth-of-type(odd) .timeline__content::before {
  transform: rotate(135deg);
  right: -0.55em;
}
.timeline__content {
  padding: 2rem;
  background-color: #fff;
  border-radius: 0.5rem;
  width: calc(50% - 4em);
  border: 1px solid #ccc;
}
.timeline__content::before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  top: 1.8rem;
}
.timeline__date {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-30);
  padding: 1rem;
  background-color: #f2f2f2;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .timeline {
    margin: 3rem auto;
  }
  .timeline::after {
    left: calc(3rem - 1px);
  }
  .timeline__item {
    min-height: auto;
  }
  .timeline__item:not(:first-child) {
    margin-top: 0;
  }
  .timeline__item:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .timeline__item:nth-of-type(even) .timeline__content,
  .timeline__item:nth-of-type(odd) .timeline__content {
    margin-left: auto;
    width: calc(100% - 7.5rem);
  }
  .timeline__item:nth-of-type(even) .timeline__content::before,
  .timeline__item:nth-of-type(odd) .timeline__content::before {
    transform: rotate(-45deg);
    left: -0.55em;
    right: auto;
    top: 1.8rem;
  }
  .timeline__content {
    padding: 1rem 1.5rem;
  }
  .timeline__date {
    position: absolute;
    left: 0;
    top: 0.7rem;
    transform: none;
    width: 6rem;
    font-size: 2rem;
    padding: 1rem 0;
    text-align: center;
  }
}
.awards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 4rem;
}
.awards__item {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2rem;
  overflow: hidden;
  top: 0;
}
.awards__item:hover {
  top: -0.5rem;
}
.awards__item:hover .awards__title {
  color: #ca0832;
}
.awards__icon {
  width: 10rem;
  flex-shrink: 0;
}
.awards__icon img {
  max-height: 10rem;
  margin: 0 auto;
}
.awards__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #653929;
  transition: all 0.15s ease-in-out;
}
.awards__text {
  font-size: var(--font-size-16);
  color: #653929;
}
@media screen and (max-width: 767px) {
  .awards {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
  }
  .awards__item {
    gap: 1.5rem;
  }
  .awards__item:hover {
    top: 0;
  }
  .awards__icon {
    width: 6rem;
  }
  .awards__icon img {
    max-height: 6rem;
  }
  .awards__title {
    font-size: 1.8rem;
  }
  .awards__text {
    font-size: 1.4rem;
  }
}
.map-wrapper__title {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 1rem 2rem;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  z-index: 5;
}
.map {
  width: 100%;
  height: 60rem;
  border: none;
  margin: 0;
}
.map .gm-style > div {
  position: static;
}
.map-item__info p {
  font-family: 'Haboro Slab', serif;
  font-weight: 500;
  font-size: var(--font-size-16);
}
.map img {
  max-width: inherit !important;
}
.map button.gm-ui-hover-effect {
  width: 3rem !important;
  height: 3rem !important;
  top: -0.3rem !important;
  right: -0.3rem !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M31.3 224.7L228.4 27.6m0 201.2L27.2 27.6' fill='none' stroke='%23653929' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / 50% auto no-repeat !important;
  transition: all 0.15s ease-in-out;
  opacity: 1 !important;
}
.map button.gm-ui-hover-effect:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M31.3 224.7L228.4 27.6m0 201.2L27.2 27.6' fill='none' stroke='%23ca0832' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / 50% auto no-repeat !important;
}
.map button.gm-ui-hover-effect img {
  display: none !important;
}
.map button.gm-ui-hover-effect > span {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .map {
    height: 32rem;
  }
  .map-item__info p {
    font-size: 1.5rem;
  }
}
.story {
  max-width: 80rem;
  margin: 4rem auto 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
.story__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6rem;
}
.story__item:nth-child(even)::after {
  transform: scaleX(-1);
}
.story__item:nth-child(even) .story__image {
  order: 2;
}
.story__item:nth-child(even)__text {
  order: 1;
}
.story__item::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 1469.1 173.6' xml:space='preserve'%3E%3Cstyle%3E.prefix__st1%7Bfill:none;stroke:%23653929;stroke-width:10;stroke-linecap:round;stroke-miterlimit:10%7D%3C/style%3E%3Cpath d='M15.1 8.5c108 126 457.1 123.4 739.5 109.1 278.9-14.1 573.3-75 688.4 46.5' fill='none'/%3E%3Cpath class='prefix__st1' d='M15.1 8.5c3.2 3.8 6.6 7.4 10.3 10.9'/%3E%3Cpath d='M75.2 54.9c146.2 78.6 437.3 75 679.4 62.7 253.7-12.9 520.3-64.4 653 17.9' fill='none' stroke='%23653929' stroke-width='10' stroke-linecap='round' stroke-miterlimit='10' stroke-dasharray='30.683 61.367'/%3E%3Cpath class='prefix__st1' d='M1432.3 153.7c3.8 3.3 7.4 6.8 10.8 10.4'/%3E%3C/svg%3E") center / contain no-repeat;
  position: absolute;
  left: 11.4rem;
  bottom: -5rem;
  width: 69%;
  height: 8rem;
  z-index: -1;
}
.story__item:last-child::after {
  content: none;
}
.story__image {
  width: 22rem;
  height: 22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  border: 0.4rem solid #653929;
  flex-shrink: 0;
}
.story__image img {
  max-height: 60%;
  max-width: 60%;
}
.story__text {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
  text-align: center;
}
.story__background-image {
  opacity: 0.25;
}
@media screen and (max-width: 767px) {
  .story {
    gap: 2rem;
    margin-top: 3rem;
  }
  .story__item {
    flex-direction: column;
    gap: 0;
  }
  .story__item:nth-child(even) .story__image,
  .story__item__image {
    order: 0;
  }
  .story__item:nth-child(even) .story__item__text,
  .story__item__text {
    order: 1;
  }
  .story__item::after {
    display: none;
  }
  .story__image {
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin-bottom: 1rem;
  }
  .story__image img {
    height: 6rem;
    max-height: 6rem;
    max-width: 100%;
    margin: 0 auto;
  }
  .story__text {
    font-size: 1.8rem;
  }
}
.page-products__item:not(:last-child) {
  margin-bottom: 4rem;
}
.products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
}
.products--flex {
  display: flex;
  justify-content: center;
}
.products--flex .products__item {
  flex-basis: 100%;
  margin: 0;
  max-width: 22.4rem;
}
.products__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2.5rem 2rem 1.5rem;
  overflow: hidden;
  text-align: center;
  max-width: 32rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  top: 0;
}
.products__item:hover {
  top: -0.5rem;
}
.products__item:hover .products__title {
  color: #ca0832;
}
.products__item[target="_blank"] .products__title::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.4em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.922 283.922' fill='%23653929'%3E%3Cpath d='M266.422 0h-97.625c-9.65 0-17.5 7.851-17.5 17.5 0 9.649 7.85 17.5 17.5 17.5h55.377l-92.375 92.374a17.378 17.378 0 00-5.127 12.375c0 4.676 1.819 9.069 5.125 12.371a17.374 17.374 0 0012.375 5.13c4.674 0 9.069-1.82 12.376-5.127l92.374-92.375v55.377c0 9.649 7.851 17.5 17.5 17.5 9.649 0 17.5-7.851 17.5-17.5V17.5c0-9.649-7.851-17.5-17.5-17.5z'/%3E%3Cpath d='M201.137 253.922H30V82.785h128.711l30-30H15c-8.284 0-15 6.716-15 15v201.137c0 8.284 6.716 15 15 15h201.137c8.284 0 15-6.716 15-15V95.211l-30 30v128.711z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.products__item--no-detail {
  box-shadow: none;
}
.products__item--no-detail:hover {
  top: 0;
}
.products__content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: center;
}
.products__image {
  min-height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.products__image img {
  max-width: 16rem;
  max-height: 16rem;
}
.products__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  color: #653929;
  flex-basis: 100%;
  line-height: 1em;
  transition: all 0.15s ease-in-out;
}
.products__info {
  font-size: var(--font-size-16);
  color: #653929;
  flex-basis: 100%;
}
@media screen and (max-width: 1600px) {
  .products {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1300px) {
  .products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .products {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
  .products__item {
    padding: 1.5rem;
    padding-bottom: 1rem;
  }
  .products__item:hover {
    top: 0;
  }
  .products__image {
    height: 12rem;
    min-height: 12rem;
    margin-bottom: 0.5rem;
  }
  .products__image img {
    max-width: 12rem;
    max-height: 12rem;
  }
  .products__title {
    font-size: 1.8rem;
    margin-top: 0.3rem;
  }
  .products__info {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .products {
    gap: 1rem;
  }
  .products__item {
    padding: 1rem;
  }
}
/* ---------------------- FIT DEN ------------------------------ */
.page-fit-den-page-padding {
  padding-top: 10rem;
}
.page-calculators .button--blue {
  --color: #fff;
  --background: 1, 95, 146;
  --background-hover: 16, 110, 161;
}
.page-calculators .button--green {
  --color: #fff;
  --background: 102, 153, 10;
  --background-hover: 112, 163, 10;
}
.food-menu-link-calculator {
  color: #015f92;
  text-decoration: underline;
}
.food-menu-link-calculator:hover {
  color: #690;
  text-decoration: none;
}
.page-calculator-title {
  font-size: var(--font-size-48);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #690;
  margin-bottom: 6rem;
}
.page-calculator-text p {
  font-size: var(--font-size-20);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  margin: 2rem 0;
  line-height: 1.5em;
}
.page-calculator-text .food-menu-link {
  color: #015f92;
  text-decoration: underline;
}
.page-calculator-text .food-menu-link:hover {
  color: #690;
  text-decoration: none;
}
.calculator-cta {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.calculator-cta h4 {
  font-size: var(--font-size-24);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  margin-right: 3rem;
}
.calculator-cta-image {
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: -5.5rem;
}
.calculator-two-columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -2rem;
}
.calculator-two-columns__column {
  flex-basis: calc(55% - 4rem);
  margin: 2rem;
}
.calculator-two-columns__column--first {
  flex-basis: calc(45% - 4rem);
}
.calculator-benefits-columns {
  display: flex;
  align-items: center;
}
.calculator-benefits-columns__column {
  flex-basis: 30%;
}
.calculator-benefits-columns__column-center {
  flex-basis: 40%;
}
.calculator-benefits-columns__item {
  text-align: center;
  display: block;
  color: #653929;
}
.calculator-benefits-columns__item img {
  margin: 0 auto;
  margin-bottom: 1rem;
}
.calculator-benefits-columns__item h4 {
  font-family: 'Bosk', cursive;
  font-weight: 400;
  font-size: var(--font-size-24);
}
.calculator-benefits-columns__item--1 {
  transform: rotate(3deg);
}
.calculator-benefits-columns__item--2 {
  margin: 7rem 0;
}
.calculator-benefits-columns__item--3 {
  transform: rotate(-3.5deg);
}
.calculator-benefits-columns__item--4 {
  transform: rotate(-3deg);
}
.calculator-benefits-columns__item--5 {
  margin: 7rem 0;
  transform: rotate(-2deg);
}
.calculator-benefits-columns__item--6 {
  transform: rotate(1.5deg);
}
@media screen and (max-width: 767px) {
  .calculator-benefits-columns {
    justify-content: center;
    margin: 3rem auto;
  }
  .calculator-benefits-columns__column {
    flex-basis: 33%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .calculator-benefits-columns__column-center {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    flex-basis: 40%;
  }
  .calculator-benefits-columns__item {
    font-size: 1.6rem;
    line-height: 1.1em;
  }
  .calculator-benefits-columns__item img {
    margin: 0 auto 0.5rem;
    height: 4rem;
  }
  .calculator-benefits-columns__item h4 {
    font-size: 1.8rem;
  }
  .calculator-benefits-columns__item--2 {
    margin: 0;
  }
  .calculator-benefits-columns__item--5 {
    margin: 0;
  }
}
/* ---------- FIT DEN - JÍDELNÍČEK ------------ */
.page-fit-den-menu {
  overflow: hidden;
}
.page-fit-den-menu__title {
  font-size: var(--font-size-48);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #690;
  margin-bottom: 3rem;
  text-align: center;
}
.page-fit-den-menu__text {
  font-size: var(--font-size-24);
  font-weight: 700;
  text-align: center;
}
.page-fit-den-menu__text:not(:first-of-type) {
  margin-top: 14rem;
}
.page-fit-den-menu__item {
  position: relative;
}
.page-fit-den-menu__item:nth-of-type(2) .page-fit-den-menu__content {
  transform: rotate(0.7deg);
}
.page-fit-den-menu__item:nth-of-type(2) .page-fit-den-menu__image--2 {
  right: -34%;
  top: 15%;
  transform: rotate(-8deg);
  z-index: 1;
}
.page-fit-den-menu__content {
  padding: 4rem 3rem 3rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  position: relative;
  margin-bottom: 6rem;
  margin-top: 4rem;
  border-radius: 0.3rem;
  z-index: 2;
  background: #fff;
  transform: rotate(-0.4deg);
}
.page-fit-den-menu__content::before {
  content: "";
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 5rem;
  height: 5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='64'%3E%3Cpath fill-rule='evenodd' fill='%23f0c13a' d='M59.448 28.544a14.996 14.996 0 01-11.357 10.775L42.75 59.251a5.57 5.57 0 01-6.814 3.934L4.54 54.772a5.525 5.525 0 01-3.38-2.596 5.526 5.526 0 01-.552-4.224l5.359-19.899a14.993 14.993 0 01-4.474-15.038C3.633 5.026 11.875.268 19.864 2.409c.798.213 1.604.543 2.427.935C26.098.74 30.97-.263 35.765 1.022c4.794 1.285 8.512 4.589 10.507 8.748.909.071 1.772.189 2.57.403 7.989 2.141 12.747 10.382 10.606 18.371zM3.241 48.66a2.815 2.815 0 00.282 2.155 2.818 2.818 0 001.723 1.323l31.396 8.413a2.842 2.842 0 003.474-2.006l1.383-5.163L4.63 43.503 3.241 48.66zm44.895-35.852c-.256-.069-.534-.11-.804-.16.712 2.673.769 5.557.003 8.416a1.363 1.363 0 11-2.634-.706c1.946-7.263-2.38-14.756-9.642-16.702-7.263-1.946-14.755 2.38-16.701 9.643a1.363 1.363 0 11-2.635-.706 16.247 16.247 0 014.211-7.287c-.259-.091-.521-.195-.776-.263-6.537-1.752-13.279 2.141-15.031 8.678a12.27 12.27 0 004.207 12.764 1.377 1.377 0 01.529 1.251 1.373 1.373 0 01-.045.219L5.34 40.869l36.865 9.878 3.466-12.936a1.4 1.4 0 01.416-.693 1.345 1.345 0 01.734-.336 12.276 12.276 0 009.993-8.943c1.752-6.537-2.141-13.28-8.678-15.031zM37.567 40.519a1.365 1.365 0 01-1.589-2.217c1.874-1.347 5.038-4.19 5.547-6.09a1.363 1.363 0 112.634.706c-.927 3.459-6.014 7.186-6.592 7.601zm-10.014-3.58a1.364 1.364 0 01-2.635-.706l2.118-7.903a1.363 1.363 0 112.634.706l-2.117 7.903zm-11.292-1.934a1.366 1.366 0 01-1.806-.679c-.292-.648-2.835-6.42-1.908-9.878a1.363 1.363 0 112.634.706c-.511 1.906.808 5.946 1.76 8.045a1.366 1.366 0 01-.68 1.806z'/%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 1;
}
.page-fit-den-menu__content::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/background-paper.webp) center / auto no-repeat;
  opacity: 0.4;
  z-index: -1;
}
.page-fit-den-menu__content ul {
  margin: 1.5rem 0 3rem;
}
.page-fit-den-menu__content li {
  padding-left: 2rem;
  font-size: 1.8rem;
  position: relative;
}
.page-fit-den-menu__content li::before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-radius: 0.2rem;
  position: absolute;
  left: 0;
  top: 0.4em;
  background-color: #690;
}
.page-fit-den-menu__content h2 {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
}
.page-fit-den-menu__content a {
  color: #015f92;
  text-decoration: undeline;
  font-weight: 700;
}
.page-fit-den-menu__content a:hover {
  text-decoration: none;
  color: #690;
}
.page-fit-den-menu__image {
  padding: 0.5rem;
  position: absolute;
}
.page-fit-den-menu__image img {
  height: auto;
  margin: 0;
}
.page-fit-den-menu__image--1 {
  left: -24%;
  top: 1%;
  transform: rotate(3deg);
  z-index: 1;
}
.page-fit-den-menu__image--2 {
  right: -25%;
  top: 51%;
  transform: rotate(-8deg);
  z-index: 1;
}
.page-fit-den-menu__image--3 {
  left: -32%;
  top: 60%;
  transform: rotate(2.3deg);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page-fit-den-menu__title {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .page-fit-den-menu__text {
    font-size: 1.8rem;
  }
  .page-fit-den-menu__text:not(:first-of-type) {
    margin-top: 2rem;
  }
  .page-fit-den-menu__item:nth-of-type(2) .page-fit-den-menu__content {
    transform: none;
  }
  .page-fit-den-menu__item:nth-of-type(2) .page-fit-den-menu__image--2 {
    display: none;
  }
  .page-fit-den-menu__content {
    padding: 2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    transform: none;
  }
  .page-fit-den-menu__content::before {
    width: 3rem;
    height: 3rem;
    top: 1.5rem;
    right: 1.5rem;
  }
  .page-fit-den-menu__content li {
    font-size: 1.6rem;
    padding-left: 1.5rem;
  }
  .page-fit-den-menu__image {
    display: none;
  }
  .page-fit-den-menu__image--1,
  .page-fit-den-menu__image--2,
  .page-fit-den-menu__image--3 {
    display: none;
  }
}
/* ---------- FIT DEN - Kalkulačky ------------ */
.page-fit-den-bmi,
.page-fit-den-calculator {
  overflow: hidden;
}
.page-fit-den-bmi .button--blue,
.page-fit-den-calculator .button--blue {
  --color: #fff;
  --background: 1, 95, 146;
  --background-hover: 16, 110, 161;
}
.page-fit-den-bmi .button--green,
.page-fit-den-calculator .button--green {
  --color: #fff;
  --background: 102, 153, 10;
  --background-hover: 112, 163, 10;
}
.page-fit-den-bmi__title,
.page-fit-den-calculator__title {
  font-size: var(--font-size-48);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #690;
  margin-bottom: 3rem;
  text-align: center;
}
.page-fit-den-bmi__text p,
.page-fit-den-calculator__text p {
  font-size: var(--font-size-18);
  text-align: center;
}
.page-fit-den-bmi__text img,
.page-fit-den-calculator__text img {
  margin: 3rem auto;
}
@media screen and (max-width: 767px) {
  .page-fit-den-bmi__title,
  .page-fit-den-calculator__title {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .page-fit-den-bmi__text p,
  .page-fit-den-calculator__text p {
    font-size: 1.6rem;
  }
}
.calculator-wrapper {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  display: flex;
  margin: 4rem 0 4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .calculator-wrapper {
    flex-direction: column;
    margin: 2rem 0;
  }
}
.calculator-stamp {
  position: absolute;
  right: -8rem;
  top: -8rem;
  width: 40rem;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .calculator-stamp {
    display: none;
  }
}
.calculator-image {
  position: relative;
  flex-basis: 50%;
}
.calculator-image .absolute-image {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .calculator-image {
    flex-basis: 100%;
    min-height: 20rem;
  }
  .calculator-image .absolute-image {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-right-radius: 0;
  }
}
.calculator {
  flex-basis: 50%;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.calculator__inside-wrapper {
  padding: 3rem 4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='42'%3E%3Cpath fill-rule='evenodd' fill='%23F0C13A' d='M27.958 42H4.042C1.81 42 0 40.179 0 37.935V4.064C0 1.82 1.81-.001 4.042 0h23.916C30.19 0 32 1.82 32 4.064v33.871C32 40.179 30.19 42 27.958 42zm1.347-37.936c0-.745-.606-1.355-1.347-1.355H4.042c-.741 0-1.347.61-1.347 1.355v33.871c0 .745.606 1.355 1.347 1.355h23.916c.741 0 1.347-.61 1.347-1.355V4.064zM25.432 35.48h-.169c-.741 0-1.347-.61-1.347-1.355V22.27c0-.745.606-1.355 1.347-1.355h.169c.741 0 1.347.61 1.347 1.355v11.855c0 .745-.606 1.355-1.347 1.355zM23.41 15.919H8.589a3.377 3.377 0 01-3.368-3.387V8.298a3.377 3.377 0 013.368-3.387H23.41a3.377 3.377 0 013.369 3.387v4.234a3.377 3.377 0 01-3.369 3.387zm.674-7.621a.677.677 0 00-.674-.677H8.589a.677.677 0 00-.673.677v4.234c0 .372.303.677.673.677H23.41a.678.678 0 00.674-.677V8.298zM6.568 20.915h4.211a1.355 1.355 0 010 2.71H6.568a1.355 1.355 0 010-2.71zm4.211 8.637H6.568a1.355 1.355 0 010-2.709l4.211-.001a1.355 1.355 0 010 2.71zM6.568 32.77h4.211a1.355 1.355 0 010 2.71H6.568a1.355 1.355 0 010-2.71zM16 20.915h4.21a1.356 1.356 0 010 2.71H16a1.355 1.355 0 010-2.71zm0 5.927h4.21a1.355 1.355 0 010 2.71H16a1.354 1.354 0 010-2.71zm0 5.928h4.21a1.356 1.356 0 010 2.71H16a1.355 1.355 0 010-2.71z'/%3E%3C/svg%3E") right 4rem top 3rem / auto no-repeat;
}
.calculator__title {
  font-size: 3rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #690;
  padding-right: 4rem;
}
.calculator__description {
  font-size: var(--font-size-18);
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  margin: 0.5rem 0 3rem 0;
  padding-right: 4rem;
}
.calculator input {
  border-color: #ccc;
  margin: 0;
}
.calculator input:focus,
.calculator input:hover {
  border-color: #653929;
}
.calculator ::-webkit-input-placeholder {
  /* Edge */
  color: #ccc;
}
.calculator :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
.calculator ::placeholder {
  color: #ccc;
}
.calculator input::-webkit-outer-spin-button,
.calculator input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculator input[type="number"] {
  -moz-appearance: textfield;
}
.calculator .inputs-wrapper {
  display: flex;
  margin: -1rem;
  margin-bottom: 2rem;
}
.calculator .inputs-wrapper .input-wrapper {
  flex-basis: calc(50% - 2rem);
  margin: 1rem;
  padding: 0;
}
.calculator .genders-wrapper {
  display: flex;
  margin: -1rem;
}
.calculator .gender-wrapper {
  flex-basis: calc(50% - 2rem);
  margin: 1rem;
}
.calculator .gender-wrapper input {
  display: none;
}
.calculator .gender-wrapper input:checked + label {
  color: #fff;
  background-color: #015f92;
  border-color: #015f92;
  cursor: not-allowed;
}
.calculator .radio-button {
  text-transform: uppercase;
  font-size: var(--font-size-16);
  border-radius: 0.5rem;
  padding: 0.8rem 2rem;
  cursor: pointer;
  display: block;
  text-align: center;
  transition: all 0.15s ease-in-out;
  color: #ccc;
  background-color: transparent;
  border: 1px solid #ccc;
  margin: 0;
}
.calculator .radio-button:hover {
  color: #015f92;
  border-color: #015f92;
}
.calculator label {
  margin-bottom: 0.5rem;
  display: block;
  font-weight: 700;
  font-size: var(--font-size-16);
}
.calculator .selected-wrapper {
  position: relative;
  margin-bottom: 3rem;
}
.calculator .selecting-wrapper {
  position: absolute;
  background: #f2f2f2;
  border-radius: 0.5rem;
  border: 1px solid #653929;
  z-index: 20;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  margin-top: -1rem;
  width: 100%;
}
.calculator .selecting-wrapper.visible {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.calculator .select-item-wrapper {
  display: block;
}
.calculator .select-item-wrapper input:checked + label {
  color: #fff;
  background-color: #653929;
}
.calculator .select-item-wrapper label {
  padding: 0.6rem 2rem;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.calculator .select-item-wrapper label:hover {
  background: #fff;
}
.calculator .select-item-wrapper input {
  display: none;
}
.calculator .selected-option {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-family: 'Haboro Slab', serif;
  font-weight: 500;
  font-size: var(--font-size-16);
  padding: 0.8rem 2rem;
  position: relative;
  cursor: pointer;
}
.calculator .selected-option.active::after {
  transform: rotate(180deg);
}
.calculator .selected-option::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='rgb(101, 57, 41)' d='M17.5 2L9 10.5 0.5 2 1.9 0.6 9 7.7 16.1 0.6 17.5 2Z'/%3E%3C/svg%3E") center / auto no-repeat;
  transition: all 0.15s ease-in-out;
}
.calculator .selected-option::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 4rem;
  border-left: 1px solid #ccc;
}
.calculator button {
  line-height: 1.5em;
  margin-top: 1rem;
}
.calculator .acceptance-wrapper {
  margin-top: -1rem;
  position: relative;
}
.calculator .acceptance-label {
  padding-left: 2.8rem;
  position: relative;
  display: block;
}
.calculator .acceptance-label a {
  color: #015f92;
  text-decoration: underline;
}
.calculator .acceptance-label a:hover {
  color: #690;
}
.calculator .acceptance-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.2rem;
  border: 1px solid #ccc;
}
.calculator .acceptance-label::before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.1'%3E%3Cpath d='M1.4 11.5c.1 0 .2.1.3.1.3.1-.1-.1.1 0s.4.2.7.4c.6.3 1.1.6 1.6 1 1.2.9 2.2 2 3 3.2.7 1.1 2.4.9 2.7-.4 1.6-4.9 4.4-9.5 8.1-13.1 1.4-1.4-.7-3.5-2.1-2.1-4.1 4-7.2 9-8.9 14.5.9-.1 1.8-.2 2.7-.4C8 12 5.2 9.6 2.2 8.6.3 8-.5 10.9 1.4 11.5z' fill='%23653929'/%3E%3C/svg%3E") center / auto no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.calculator .acceptance:checked + .acceptance-label::before {
  opacity: 1;
}
.calculator .acceptance {
  opacity: 0;
  position: absolute;
  left: 0.8rem;
  top: 1.5rem;
  width: 1px;
  height: 1px;
}
@media screen and (max-width: 767px) {
  .calculator {
    flex-basis: 100%;
  }
  .calculator__inside-wrapper {
    padding: 2rem;
    background-size: auto 2rem;
    background-position: right 2rem top 2rem;
  }
  .calculator__title {
    font-size: 2.4rem;
    padding-right: 3rem;
  }
  .calculator__description {
    font-size: 1.6rem;
    padding-right: 3rem;
    margin-bottom: 2rem;
  }
  .calculator .inputs-wrapper,
  .calculator .genders-wrapper {
    flex-direction: column;
    margin: 0;
  }
  .calculator .inputs-wrapper .input-wrapper,
  .calculator .genders-wrapper .input-wrapper,
  .calculator .inputs-wrapper .gender-wrapper,
  .calculator .genders-wrapper .gender-wrapper {
    flex-basis: 100%;
    margin: 0 0 1.5rem 0;
  }
}
.calculator-wrapper--bmi {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.calculator-wrapper--bmi .calculator {
  flex-basis: 100%;
}
.bmi-background {
  background: url(../img/pages/fit-den/metr.png) 15% 15% / auto no-repeat;
}
.calculator-bmi-result {
  text-align: center;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  display: block;
  padding-top: 2rem;
  display: none;
}
.calculator-bmi-result span {
  font-size: 3rem;
  color: #690;
}
.under-bmi-wrapper {
  background: #fff;
}
.under-bmi {
  display: flex;
  margin: -2rem;
  padding: 8rem 0 2rem;
}
.under-bmi__column {
  flex-basis: calc(50% - 4rem);
  margin: 2rem;
}
.under-bmi__column p:first-of-type {
  margin-top: 0;
}
.under-bmi__column p a {
  color: #015f92;
  text-decoration: underline;
}
.under-bmi__column p a:hover {
  color: #690;
}
.under-bmi__column table td {
  font-weight: 700;
}
.under-bmi__column thead tr td {
  background-color: #015f92;
}
.button-wrapper--bmi {
  margin-top: -5rem;
}
.button-wrapper--bmi .button {
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
}
.bmi-columns {
  display: flex;
  padding-top: 2rem;
  align-items: center;
}
.bmi-columns img {
  margin: 0 auto;
}
.bmi-columns__left {
  flex-basis: 25%;
}
.bmi-columns__center {
  flex-basis: 50%;
  padding: 0 2rem 6rem;
}
.bmi-columns__center p {
  text-align: center;
}
.bmi-columns__center p a {
  color: #015f92;
  text-decoration: underline;
}
.bmi-columns__center p a:hover {
  color: #690;
}
.bmi-columns__right {
  flex-basis: 25%;
}
.calculator-warning {
  color: #fff;
  padding: 1rem 2rem;
  text-align: center;
  background: #c03c0e;
  border-radius: 0.5rem;
  font-family: 'Haboro Slab', serif;
  font-weight: 500;
  margin: 0;
  display: none;
}
.calculator-warning.visible {
  display: block;
}
.calculator-warning a {
  color: #fff;
  text-decoration: underline;
}
.calculator-warning a:hover {
  text-decoration: none;
}
.result-title {
  font-size: 2.7rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 4rem;
  text-transform: uppercase;
}
.result {
  padding: 3rem 4rem;
  border-radius: 1rem;
  background-color: #fff;
  text-align: center;
}
.result p {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
.result .show-result {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: #690;
}
.result .total-calories {
  display: block;
  margin-bottom: 2rem;
}
.result .weight-loss-time {
  font-size: 2.4rem;
}
.results-columns {
  display: flex;
  justify-content: space-around;
  margin: -1rem;
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.results-columns__column {
  flex-basis: calc(33.33% - 2rem);
  margin: 1rem;
}
.results-columns__text {
  font-size: 2.4rem;
  text-transform: uppercase;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  display: block;
}
.result-wrapper {
  display: none;
}
.recommendation {
  background-color: #fff;
  text-align: center;
  display: none;
}
.recommendation .content {
  padding-top: 6rem;
  padding-bottom: 10rem;
  position: relative;
}
.recommendation__text {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.3em;
  margin-bottom: 4rem;
}
.recommendation__columns {
  display: flex;
  justify-content: center;
  margin: -1rem;
  margin-bottom: 2rem;
}
.recommendation__column {
  flex-basis: calc(25% - 2rem);
  margin: 1rem;
}
.recommendation__item {
  font-size: 2.4rem;
  text-transform: uppercase;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  display: block;
}
.recommendation__value {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: #690;
}
.recommendation__inside-wrapper {
  max-width: 80rem;
  margin: 0 auto;
}
.recommendation__product {
  position: absolute;
  left: 0;
  top: 55%;
  transform: translate(0, -50%);
}
.recommendation__girl {
  position: absolute;
  right: 0;
  bottom: 0;
}
.recommendation__note {
  text-align: center;
  font-size: 1.6rem;
  max-width: 60rem;
  margin: 0 auto;
  line-height: 1.4em;
}
.recommendation img {
  margin: 0;
}
.recommendation .button {
  font-size: 2rem;
  margin-top: 2rem;
}
.calculator-tips {
  padding: 2rem 0 4rem;
  display: none;
}
.calculator-tips__inside {
  padding: 4rem;
  border-radius: 1rem;
  background-color: #fff;
  position: relative;
}
.calculator-tips ul {
  counter-reset: item;
  list-style: none;
}
.calculator-tips ul li {
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
  position: relative;
  padding-left: 4rem;
}
.calculator-tips ul li::before {
  counter-increment: item;
  content: counter(item) ". ";
  font-weight: 700;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
  color: #690;
  font-size: 3rem;
  top: 0.3rem;
}
.calculator-tips p {
  margin-bottom: 0;
}
.button-wrapper--show-tips {
  padding: 4rem 0 0 0;
}
.button--show-tips {
  padding-left: 5rem;
  position: relative;
}
.button--show-tips::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  left: 2rem;
  top: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M17.5 2L9 10.5 0.5 2 1.9 0.6 9 7.7 16.1 0.6 17.5 2Z'/%3E%3C/svg%3E") center / auto no-repeat;
  transition: all 0.15s ease-in-out;
}
.button--show-tips.active::before {
  transform: rotate(180deg);
}
.criteria {
  position: relative;
  border-top: 1px dashed #653929;
  padding: 2rem 4rem;
}
.criteria::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/background-paper.webp);
  opacity: 0.1;
}
.criteria p.criteria__p {
  padding-left: 4.6rem;
  margin: 0;
  line-height: 1.3em;
  font-size: var(--font-size-16);
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.criteria p.criteria__p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 2px solid #015f92;
}
.criteria p.criteria__p::after {
  content: "i";
  position: absolute;
  left: 1.25rem;
  top: 0.6rem;
  font-size: 1.8rem;
  color: #015f92;
}
.criteria p.criteria__p a {
  color: #015f92;
  text-decoration: underline;
}
.criteria p.criteria__p a:hover {
  color: #690;
}
.content--criteria {
  max-width: 100rem;
}
.criteria-wrapper {
  padding: 4rem 0;
  display: none;
}
.criteria-wrapper__inside {
  padding: 1rem 4rem;
  border-radius: 1rem;
  background-color: #fff;
  position: relative;
}
.criteria-wrapper ul {
  margin-left: 2rem;
}
.criteria-wrapper ul li {
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
}
.criteria-wrapper__close-criteria {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-rule='evenodd' fill='rgb(101, 57, 41)' d='M15.8 1.6L9.4 8 15.8 14.4 14.4 15.8 8 9.4 1.6 15.8 0.2 14.4 6.6 8 0.2 1.6 1.6 0.2 8 6.6 14.4 0.2 15.8 1.6Z'/%3E%3C/svg%3E") center / auto no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 0.5;
  cursor: pointer;
}
.criteria-wrapper__close-criteria:hover {
  opacity: 1;
  transform: rotate(90deg);
}
.show-menu-button-wrapper {
  text-align: center;
  margin-top: 2rem;
}
/* ------------------------- Konec Fit Den ---------------------------- */
.search-result-section:not(:first-of-type) {
  margin-top: 8rem;
}
.pages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.pages__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2rem;
  overflow: hidden;
  top: 0;
}
.pages__item:hover {
  top: -0.5rem;
}
.pages__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  color: #653929;
  transition: all 0.15s ease-in-out;
  line-height: 1.2em;
}
.pages__perex {
  color: #653929;
  font-size: var(--font-size-16);
  display: block;
  margin-top: 1rem;
}
.pages__perex p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.nothing-found {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: var(--font-size-24);
}
.story-benefits-wrapper {
  display: flex;
  justify-content: space-around;
  gap: 4rem;
  margin: 0 auto;
  max-width: 100rem;
  z-index: 5;
}
.product-line-story {
  max-width: 42rem;
  padding: 5rem 3rem 8rem;
  text-align: center;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: var(--font-size-22);
  line-height: 1.4em;
  font-weight: 700;
  margin-bottom: -6rem;
}
.product-line-story--white {
  --product-line-color: #fff;
  text-shadow: 0 0.1em 0 #653929;
}
.product-line-story--dark {
  --product-line-color: #653929;
}
.product-line-story__image {
  margin-top: calc(-50% - 3rem);
  margin-bottom: 2rem;
}
.product-line-story h2,
.product-line-story h3,
.product-line-story h4 {
  margin-bottom: 3rem;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-36);
  color: var(--product-line-color);
  line-height: 1.1em;
}
.product-line-story p {
  line-height: 1.3em;
  color: var(--product-line-color);
}
.product-line-story p:not(:last-of-type) {
  margin-bottom: 1rem;
}
.product-line-story p img {
  margin: 0 auto 3rem;
}
.benefits {
  text-align: center;
  flex-basis: 25%;
  max-width: 26rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 5%;
  padding-bottom: 6rem;
  margin-top: -4rem;
}
.benefits__icon img {
  max-height: 8rem;
  margin: 0 auto;
  width: auto;
}
.benefits__text {
  font-family: 'Bosk', cursive;
  font-size: var(--font-size-24);
  letter-spacing: 0.04em;
  margin-top: 1rem;
}
.benefits__item {
  max-width: 22rem;
}
.benefits--left .benefits__item:nth-child(1) {
  transform: rotate(-2deg);
  margin: 0 auto;
}
.benefits--left .benefits__item:nth-child(2) {
  transform: rotate(2.5deg);
  margin-left: auto;
}
.benefits--left .benefits__item:nth-child(3) {
  transform: rotate(-1.5deg);
  margin-left: 0;
}
.benefits--left .benefits__item:nth-child(4) {
  transform: rotate(1deg);
  margin-left: auto;
}
.benefits--left .benefits__item:nth-child(5) {
  transform: rotate(-0.5deg);
}
.benefits--right .benefits__item:nth-child(1) {
  transform: rotate(1.3deg);
  margin: 0 auto;
}
.benefits--right .benefits__item:nth-child(2) {
  transform: rotate(-0.5deg);
  margin-left: 0;
}
.benefits--right .benefits__item:nth-child(3) {
  transform: rotate(-2.5deg);
  margin-left: 25%;
}
.benefits--right .benefits__item:nth-child(4) {
  transform: rotate(1deg);
  margin-left: auto;
}
.product-line--protein {
  --product-line-color: #fff;
}
.single-product-image-in-content {
  float: right;
  margin-left: 4rem;
  margin-bottom: 2rem;
  z-index: 5;
}
.product-stamp {
  position: absolute;
  z-index: 10;
  --position: -2rem;
}
.product-stamp--top-left {
  top: var(--position);
  left: var(--position);
}
.product-stamp--top-right {
  top: var(--position);
  right: var(--position);
}
.product-stamp--bottom-left {
  bottom: var(--position);
  left: var(--position);
}
.product-stamp--bottom-right {
  bottom: var(--position);
  right: var(--position);
}
.markets-section {
  margin: 4rem 0;
  clear: both;
}
.markets-section h4 {
  font-size: var(--font-size-24);
  color: #653929;
  text-align: center;
  margin-bottom: 2rem;
  text-transform: none;
}
.markets-section__items {
  gap: 2rem 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.markets-section__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 100%;
  max-width: 10rem;
}
.markets-section__item img {
  max-height: 8rem;
}
.eshop-section {
  margin: 4rem 0;
}
.eshop-section h4 {
  font-size: var(--font-size-24);
  color: #653929;
  text-align: center;
  margin-bottom: 2rem;
  text-transform: none;
}
.eshop-section__items {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.eshop-section__item {
  flex-basis: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 2rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 16rem;
  top: 0;
}
.eshop-section__item:hover {
  top: -0.5rem;
}
.eshop-section__item img {
  width: 100%;
  height: auto;
}
.product-has-background-image::before {
  content: "";
  position: absolute;
  left: 0rem;
  right: 0rem;
  top: 0rem;
  bottom: 0rem;
  background: #f2f2f2;
  filter: blur(2rem);
  opacity: 0.8;
}
.product-info {
  margin-top: 6rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  clear: both;
}
.product-info-box {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 1rem;
  overflow: hidden;
  flex-basis: 100%;
  display: flex;
  max-width: 80rem;
}
.product-info-box__inside-wrapper {
  border: 0.3rem solid #f0c13a;
  border-radius: 0.4rem;
  padding: 0;
  flex-basis: 100%;
}
.product-info-box__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-30);
  padding: 1.5rem;
  text-align: center;
}
.product-info-box__content-inside {
  border-top: 0.3rem solid #f0c13a;
  margin: 1.5rem;
  margin-top: 0;
  padding-top: 1.5rem;
}
.nutrition-table {
  overflow: hidden;
}
.nutrition-table table {
  border-collapse: collapse;
  width: 100%;
}
.nutrition-table table th {
  background-color: #ca0832;
  color: #fff;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-15);
  padding: 0.6rem 1.5rem;
  text-align: left;
}
.nutrition-table table th:nth-of-type(1) {
  width: 47%;
}
.nutrition-table table td {
  padding: 0.6rem 1.5rem;
  font-size: var(--font-size-15);
}
.nutrition-table table tr:nth-child(even) td {
  background-color: #fef8eb;
}
.nutrition-table__footer {
  font-size: var(--font-size-14);
  padding: 1rem 2rem;
  background-color: #f7f7f7;
  border-top: 1px solid #ccc;
}
.script-widget {
  margin-top: 4rem;
}
.section-hp-products {
  background: url(../img/background-sub-menu.jpg) center top / 100vw auto no-repeat;
}
.hp-main-products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.hp-main-products__item {
  display: flex;
  container-type: inline-size;
}
.hp-main-products__item-inner {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  gap: 2rem;
  background-color: rgba(255, 255, 255, 0.35);
  width: 100%;
}
.hp-main-products__item:hover {
  border-color: transparent;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
}
.hp-main-products__item:hover .hp-main-products__title {
  color: #ca0832;
}
.hp-main-products__image {
  flex-shrink: 0;
  width: 16rem;
}
.hp-main-products__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-30);
  color: #653929;
  margin-bottom: 1rem;
  transition: all 0.15s ease-in-out;
  line-height: 1.1;
}
.hp-main-products__text {
  color: #653929;
}
@container (max-width: 320px) {
  .hp-main-products__item-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25em;
  }
}
@container (max-width: 320px) {
  .hp-main-products__image {
    width: 100%;
    max-height: 120px;
  }
  .hp-main-products__image img {
    max-height: 120px;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
  }
  .hp-main-products__text {
    display: none;
  }
}
.hp-header-slider-wrapper {
  background: #fff;
  padding-top: 4.1rem;
  margin-bottom: -2rem;
}
.hp-header-slider-wrapper__background {
  position: absolute;
  left: 0;
  top: calc(50% + 2.5rem);
  width: 100%;
  bottom: 0;
  background-color: #f2f2f2;
}
.hp-header-slider-wrapper .content {
  z-index: 10;
}
.hp-header-slider {
  margin-left: -1rem;
  margin-right: -1rem;
}
.hp-header-slider__item {
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.hp-header-slider__inside {
  position: absolute;
  width: 50%;
  bottom: 0;
  padding: 5rem;
  z-index: 5;
}
.hp-header-slider__inside.right {
  right: 0;
}
.hp-header-slider__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: var(--font-size-60);
  text-shadow: 0 0.05em 0.2em rgba(0, 0, 0, 0.5);
  line-height: 1.2em;
}
.hp-header-slider .button {
  margin-top: 2rem;
  font-size: var(--font-size-24);
  box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.splide__track {
  padding: 2rem;
}
.splide__arrows {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.splide__arrow {
  z-index: 5;
  width: 4rem;
  height: 2rem;
  position: absolute;
  transform: translate(0, -50%);
  border-radius: 0;
  border: none;
  cursor: pointer;
  background: none;
  transition: all 0.15s ease-in-out;
}
.splide__arrow::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 106.9'%3E%3Cpath d='M13.3 53.8h233.3M69 9.9L11.9 53.8 69 97.4' clip-rule='evenodd' fill='none' stroke='%23653929' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
}
.splide__arrow:hover:not(:disabled)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 106.9'%3E%3Cpath d='M13.3 53.8h233.3M69 9.9L11.9 53.8 69 97.4' clip-rule='evenodd' fill='none' stroke='%23ca0832' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.splide__arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow--prev {
  left: -5rem;
}
.splide__arrow--next {
  right: -5rem;
}
.splide__arrow--next::after {
  transform: rotate(180deg);
}
.splide__pagination {
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 5rem;
}
.splide__pagination li {
  display: inline-block;
  margin: 0 0.5rem;
}
.splide__pagination button {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #653929;
  border: none;
  transition: all 0.15s ease-in-out;
  display: block;
  cursor: pointer;
}
.splide__pagination button:hover {
  background-color: #f0c13a;
}
.splide__pagination button.is-active {
  background-color: #ca0832;
  transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  .splide__slide {
    max-width: 60rem;
  }
  .splide__slide .hp-header-slider__item {
    transition-duration: 0.2s;
    transform: scale(1);
    transform-origin: center;
  }
  .splide__slide.is-active .hp-header-slider__item {
    transform: scale(1.1);
  }
  .splide__track {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
  }
  .splide__arrows {
    bottom: 9px;
  }
  .splide__pagination {
    position: relative;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .hp-header-slider {
    margin-left: 0;
    margin-right: 0;
  }
  .hp-header-slider__item {
    border-radius: 0.5rem;
  }
  .hp-header-slider__inside {
    width: 100%;
    padding: 2rem;
  }
  .hp-header-slider__inside.has-text::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 5;
  }
  .hp-header-slider__title {
    font-size: 2rem;
    z-index: 20;
  }
  .hp-header-slider .button {
    font-size: 1.6rem;
    margin-top: 1rem;
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);
  }
}
.hp-story-title {
  text-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.hp-story-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #653929;
  opacity: 0.25;
  z-index: 3;
}
.hp-story-section .content {
  z-index: 5;
}
.hp-story-section .button {
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
}
@media screen and (max-width: 1024px) {
  .hp-story-section {
    display: none;
  }
}
.hp-story {
  display: flex;
  justify-content: center;
  gap: 6rem;
  margin-bottom: 3rem;
}
.hp-story__icon {
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hp-story__icon img {
  height: 15rem;
  filter: drop-shadow(0 0.2rem 0.5rem rgba(0, 0, 0, 0.5));
}
.hp-story__text {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-24);
  text-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  margin-top: 2rem;
  z-index: 3;
}
.hp-story__item--1::after,
.hp-story__item--2::after,
.hp-story__item--3::after {
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 167.4 30.9' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0%7Bfill:none;stroke:%23653929;stroke-width:7;stroke-linecap:round;stroke-linejoin:round%7D%3C/style%3E%3Cpath class='prefix__st0' d='M4.7 5.2'/%3E%3Cpath d='M25.5 16.1c37.8 13.6 99.6 14 128.1 1.9' fill='none' stroke='%23653929' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='0 23.669'/%3E%3Cpath class='prefix__st0' d='M163.7 12'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 20rem;
  height: 6rem;
}
.hp-story__item--1::after {
  right: -11rem;
  bottom: 3rem;
}
.hp-story__item--2::after {
  transform: rotate(180deg);
  right: -9rem;
  top: 0;
}
.hp-story__item--3::after {
  right: -14rem;
  bottom: 2rem;
}
.social-wall {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.social-wall__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  top: 0;
}
.social-wall__item:hover {
  top: -0.5rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.25);
}
.social-wall__item:hover .social-wall__content {
  opacity: 1;
}
.social-wall__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.5rem 2rem;
  color: #653929;
}
.social-wall__header-date {
  font-size: var(--font-size-16);
  font-weight: 700;
}
.social-wall__header-date small {
  font-size: var(--font-size-14);
  font-weight: 500;
}
.social-wall__header-icon {
  width: 2.4rem;
  height: 2.4rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.social-wall__header-icon--instagram {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E%3C/style%3E%3ClinearGradient id='prefix__SVGID_1_' gradientUnits='userSpaceOnUse' x1='105.659' y1='295.758' x2='106.659' y2='295.758' gradientTransform='scale(-516.448 516.448) rotate(73.16 251.787 76.235)'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23feda77'/%3E%3C/linearGradient%3E%3Cpath d='M256 0c-69.5 0-78.2.3-105.5 1.5-27.2 1.2-45.9 5.6-62.1 11.9C71.5 20 57.2 28.7 43 43 28.7 57.2 20 71.5 13.4 88.3c-6.3 16.3-10.7 34.9-11.9 62.1C.3 177.8 0 186.5 0 256s.3 78.2 1.5 105.5c1.2 27.2 5.6 45.9 11.9 62.1C20 440.5 28.7 454.8 43 469c14.2 14.2 28.5 23 45.3 29.5 16.3 6.3 34.9 10.7 62.1 11.9 27.3 1.2 36 1.5 105.5 1.5s78.2-.3 105.5-1.5c27.2-1.2 45.9-5.6 62.1-11.9 16.8-6.5 31.1-15.3 45.3-29.5 14.2-14.2 23-28.5 29.5-45.3 6.3-16.3 10.7-34.9 11.9-62.1 1.2-27.3 1.5-36 1.5-105.5s-.3-78.2-1.5-105.5c-1.2-27.2-5.6-45.9-11.9-62.1-6.3-17-15-31.3-29.3-45.5-14.2-14.2-28.5-23-45.3-29.5-16.3-6.3-34.9-10.7-62.1-11.9C334.2.3 325.5 0 256 0zm0 46.1c68.4 0 76.5.3 103.4 1.5 25 1.1 38.5 5.3 47.5 8.8 11.9 4.6 20.5 10.2 29.4 19.2 9 9 14.5 17.5 19.1 29.4 3.5 9 7.7 22.6 8.8 47.5 1.2 27 1.5 35.1 1.5 103.4 0 68.4-.3 76.5-1.5 103.4-1.1 25-5.3 38.5-8.8 47.5-4.6 11.9-10.2 20.5-19.1 29.4-9 9-17.5 14.5-29.4 19.1-9 3.5-22.6 7.7-47.5 8.8-27 1.2-35.1 1.5-103.4 1.5-68.4 0-76.5-.3-103.4-1.5-25-1.1-38.5-5.3-47.5-8.8-11.9-4.6-20.5-10.2-29.4-19.1-9-9-14.5-17.5-19.1-29.4-3.5-9-7.7-22.6-8.8-47.5-1.2-27-1.5-35.1-1.5-103.4 0-68.4.3-76.5 1.5-103.4 1.1-25 5.3-38.5 8.8-47.5 4.6-11.9 10.2-20.5 19.1-29.4 9-9 17.5-14.5 29.4-19.2 9-3.5 22.6-7.7 47.5-8.8 26.9-1.2 35-1.5 103.4-1.5z' fill='url(%23prefix__SVGID_1_)'/%3E%3ClinearGradient id='prefix__SVGID_00000026156544301266163820000015403024810314830981_' gradientUnits='userSpaceOnUse' x1='105.659' y1='295.758' x2='106.659' y2='295.758' gradientTransform='scale(-516.448 516.448) rotate(73.16 251.787 76.235)'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23ffbf00'/%3E%3C/linearGradient%3E%3Cpath d='M256 341.3c-47.1 0-85.3-38.2-85.3-85.3 0-47.1 38.2-85.3 85.3-85.3 47.1 0 85.3 38.2 85.3 85.3 0 47.1-38.2 85.3-85.3 85.3zm0-216.8c-72.6 0-131.5 58.9-131.5 131.5S183.4 387.5 256 387.5 387.5 328.6 387.5 256 328.6 124.5 256 124.5z' fill='url(%23prefix__SVGID_00000026156544301266163820000015403024810314830981_)'/%3E%3ClinearGradient id='prefix__SVGID_00000011711800167315515870000005514168405674796673_' gradientUnits='userSpaceOnUse' x1='105.659' y1='295.934' x2='106.659' y2='295.934' gradientTransform='scale(-516.448 516.448) rotate(73.16 251.787 76.235)'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23ffbf00'/%3E%3C/linearGradient%3E%3Cpath d='M423.4 119.3c0 17-13.8 30.7-30.7 30.7S362 136.2 362 119.3c0-17 13.8-30.7 30.7-30.7s30.7 13.8 30.7 30.7z' fill='url(%23prefix__SVGID_00000011711800167315515870000005514168405674796673_)'/%3E%3C/svg%3E");
}
.social-wall__header-icon--facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='30'%3E%3Cpath fill-rule='evenodd' fill='%234267B2' d='M15.397.5L11.559 0C7.248 0 4.462 2.897 4.462 7.382v3.404H.603c-.333 0-.603.814-.603.612v4.933c0 .338.27.611.603.611h3.858v12.446c0 .338.27.612 1.189.612h5.34c-.558 0-.288-.274-.288-.612V16.942h4.512a.607.607 0 00.603-.611l.002-4.933c0-.162-.064.412-.177-.432a.598.598 0 00-.427-.18h-4.512V7.901c0-1.388.587-2.092 2.108-2.092h2.585a.608.608 0 00.603-.612V.617c0-.337-.269-.017-.602-.117z'/%3E%3C/svg%3E");
}
.social-wall__content-wrapper {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  overflow: hidden;
}
.social-wall__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(101, 57, 41, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #fff;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.social-wall__content p {
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.social-wall video {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.social-wall__image {
  left: -2rem;
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  max-width: inherit;
}
.section-facebook {
  text-align: center;
}
.section-facebook::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #653929;
  opacity: 0.4;
  z-index: 1;
}
.section-facebook__title {
  font-family: 'Bosk', cursive;
  font-weight: 400;
  color: #fff;
  font-size: var(--font-size-36);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 4px 4px 0 #653929;
  margin: 0 auto 8rem;
  display: inline-block;
}
.section-facebook__title::before,
.section-facebook__title::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 10'%3E%3Cpath fill='%23fff' stroke='%23ffffff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M26.4 5H3.8'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(4px 4px 0 #653929);
  width: 3rem;
  height: 1rem;
  display: inline-block;
  margin: 0 2rem;
  vertical-align: middle;
  margin-top: -0.5rem;
  position: relative;
}
.section-facebook__link {
  font-family: 'Bosk', cursive;
  font-weight: 400;
  color: #fff;
  font-size: var(--font-size-60);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 4px 4px 0 #653929;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.section-facebook__link::before,
.section-facebook__link::after {
  content: "";
  filter: drop-shadow(4px 4px 0 #653929);
  width: 4rem;
  height: 10rem;
  display: inline-block;
}
.section-facebook__link::after {
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 16.3 25.7' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath class='prefix__st0' d='M2.9 8.2C5.3 6.9 7.7 5.4 10 3.8c.8-.5 1.4-1.8.8-2.6-.7-.9-2-.5-2.7.1C6.1 2.6 4 3.9 2 5 1.1 5.5.2 6.5.5 7.5c.3 1.1 1.6 1.1 2.4.7M4.2 15.1c2.7-.5 5.4-1.2 8-2 .9-.3 1.8-1.3 1.5-2.3-.4-1.1-1.8-1-2.6-.8-2.3.7-4.6 1.3-6.9 1.7-.9.2-2.1.9-2.1 2s1.2 1.6 2.1 1.4M4.9 23.1c2.6.8 5.3 1.5 8.1 2 .9.2 2.2-.3 2.4-1.3.2-1.1-1.1-1.7-1.9-1.9-2.3-.5-4.6-1-6.9-1.7-.9-.3-2.3-.2-2.8.7-.7.9.2 1.9 1.1 2.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.section-facebook__link::before {
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 16.3 25.7' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath class='prefix__st0' d='M11.9 18.9c-2.6.9-5.2 1.9-7.7 3.1-.8.4-1.7 1.5-1.2 2.5s1.9.8 2.7.4c2.2-1 4.4-1.9 6.6-2.6.9-.3 2-1.2 1.8-2.3 0-1.1-1.3-1.4-2.2-1.1M11.9 11.9c-2.8.1-5.5.3-8.3.6-.9.1-2 1-1.9 2 .2 1.1 1.6 1.3 2.4 1.2 2.4-.3 4.7-.5 7.1-.5 1 0 2.2-.5 2.4-1.6.3-1.1-.8-1.7-1.7-1.7M12.5 3.9C10 2.7 7.5 1.5 4.9.6c-.8-.3-2.2-.1-2.5.9C2 2.6 3.1 3.4 4 3.7c2.2.8 4.4 1.8 6.5 2.9.9.4 2.2.6 2.9-.3.6-.8-.1-2-.9-2.4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.section-facebook__logo {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.5 24.7'%3E%3Cpath d='M.9 22.8C.9 15.9.9 8.9.8 2c.2-.6.6-.9 1.1-1.1C8.8.9 15.8.8 22.7.8c.5.2.9.5 1.1 1.1 0 6.9 0 13.9.1 20.8-.2.6-.6.9-1.1 1.1h-6v-8.9h2.6c.3 0 .4-.1.5-.4.1-.9.2-1.8.4-2.7 0-.3-.1-.4-.4-.4h-3V8.9c0-.7.4-1.1 1.1-1.2.6-.1 1.3-.1 1.9-.1.3 0 .5-.1.5-.4V5.3v-1c-1.2 0-2.3-.1-3.4 0-1.9.2-3.3 1.4-3.6 3.3-.1.6-.1 1.2-.1 1.8v2h-2.7c-.1 0-.3.1-.3.2v3.3h3v8.9H2.2c-.7-.1-1.1-.5-1.3-1' fill='%23ffffff'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 6rem;
  height: 6rem;
  filter: drop-shadow(4px 4px 0 #653929);
  display: inline-block;
}
/* --------------------------- Řady - odlišnosti ------------------------ */
.product-line--toustis .product-line-story__image {
  margin-top: calc(-25% - 3rem);
}
.product-line--plundrove-spicky .product-line-story {
  max-width: 48rem;
}
.product-line--hamburgery .product-line-story__image {
  margin-top: calc(-25% - 3rem);
}
.product-line--hamburgery .section--product-line {
  padding-top: 8rem;
}
/* --------------------------- / Řady - odlišnosti ------------------------ */
.video-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video-wrapper__inside,
.video-wrapper iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.rating-wrapper {
  text-align: center;
  margin-bottom: 2rem;
}
.rating-wrapper img {
  margin: 0 auto;
}
.hidden-fields {
  display: none !important;
}
/* --------------------------- Časopisy, letáky, katalogy ------------------------ */
.leaflets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.leaflets__item {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
  padding: 0;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  top: 0;
  display: flex;
  flex-direction: column;
  --color: var(--color-main);
}
.leaflets__item:hover {
  top: -0.5rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.25);
  --color: var(--color-primary);
}
.leaflets__action,
.leaflets__new {
  position: absolute;
  top: 1em;
  color: var(--color-white);
  padding: 0.5em 1em;
  z-index: 4;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-14);
  border-radius: 0.5em;
}
.leaflets__action {
  left: 1em;
  background-color: var(--color-primary);
}
.leaflets__new {
  right: 1em;
  background-color: var(--color-secondary-darker);
}
.leaflets__tags {
  position: absolute;
  bottom: 1em;
  left: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.leaflets__tag {
  background-color: var(--color-background);
  color: var(--color-main);
  padding: 0.3em 0.8em;
  z-index: 4;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-12);
  border-radius: 0.3em;
}
.leaflets__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.4142;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background);
}
.leaflets__image img {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.leaflets__content {
  padding: 1.25em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.leaflets__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  color: var(--color);
  text-align: center;
  transition: all 0.15s ease-in-out;
  flex-grow: 1;
}
.leaflets__date-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  font-size: var(--font-size-14);
  margin-top: 1em;
}
.leaflets__date {
  color: var(--color-main);
  display: flex;
  align-items: center;
  gap: 0.5em;
  --calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3E%3Cpath fill-rule='evenodd' fill='%23f0c13a' d='M14.344 16H2.656A2.636 2.636 0 010 13.333v-9.6a2.635 2.635 0 012.656-2.666h2.125V.533c0-.32.213-.533.532-.533.318 0 .531.213.531.533v.534h5.312V.533c0-.32.213-.533.531-.533.319 0 .532.213.532.533v.534h2.125A2.635 2.635 0 0117 3.733v9.6A2.636 2.636 0 0114.344 16zM1.062 13.333c0 .854.744 1.6 1.594 1.6h11.688c.85 0 1.594-.746 1.594-1.6V6.4H1.062v6.933zm14.876-9.6c0-.853-.744-1.6-1.594-1.6h-2.125v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H5.844v.534c0 .32-.213.533-.531.533-.319 0-.532-.213-.532-.533v-.534H2.656c-.85 0-1.594.747-1.594 1.6v1.6h14.876v-1.6zm-2.657 9.6c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.32.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.744-.32a1.154 1.154 0 01-.318-.746c0-.214.106-.534.318-.747a1.024 1.024 0 011.488 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.427.319.747s-.106.533-.319.746c-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .32-.106.533-.319.746-.212.214-.425.32-.743.32zm-3.188 3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm0-3.2c-.318 0-.531-.106-.743-.32a1.15 1.15 0 01-.319-.746c0-.214.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.744.32zm-3.187 3.2c-.319 0-.532-.106-.744-.32a1.15 1.15 0 01-.319-.746c0-.32.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32zm0-3.2c-.319 0-.532-.106-.744-.32-.213-.213-.319-.426-.319-.746s.106-.534.319-.747a1.023 1.023 0 011.487 0c.213.213.319.533.319.747 0 .213-.106.533-.319.746-.212.214-.425.32-.743.32z'/%3E%3C/svg%3E");
}
.leaflets__date::before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask: var(--calendar) center / contain no-repeat;
  mask: var(--calendar) center / contain no-repeat;
  background-color: var(--color-main);
}
.leaflets__date--center {
  justify-content: center;
}
.leaflets__category {
  padding: 0.5em 1em;
  border-radius: 0.35em;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: var(--color-background);
  color: var(--color-main);
}
@media screen and (max-width: 1200px) {
  .leaflets {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .leaflets {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
  .leaflets__item:hover {
    top: 0;
  }
}
.leaflets-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em;
}
.leaflets-categories__item {
  padding: 0.5em 1em;
  font-size: var(--font-size-16);
  border-radius: 0.4em;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: var(--color-main);
  color: var(--color-white);
}
.leaflets-categories__item:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.leaflets-categories__item.active {
  background-color: var(--color-secondary) !important;
  color: var(--color-main) !important;
}
.leaflets-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 2em;
  margin-top: 1em;
}
.leaflets-tags__item {
  padding: 0.5em 1em;
  font-size: var(--font-size-14);
  border-radius: 0.3em;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: var(--color-white);
  color: var(--color-main);
}
.leaflets-tags__item:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.leaflets-tags__item.active {
  background-color: var(--color-secondary) !important;
  color: var(--color-main) !important;
}
.detail-leaflet {
  text-align: center;
}
.detail-leaflet__iframe {
  display: grid;
  text-align: center;
  gap: 1em;
}
.detail-leaflet__iframe iframe {
  order: 1;
}
.detail-leaflet .fullscreen-mode {
  order: 2;
  --color: #fff;
  --background: 202, 8, 50;
  --background-hover: 240, 193, 58;
  display: inline-block;
  padding: 1rem 2rem;
  font-size: var(--font-size-18);
  color: var(--color);
  border-radius: 0.5rem;
  border: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  background-color: rgb(var(--background));
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  text-align: center;
  max-width: 20em;
  margin: 0 auto;
}
.detail-leaflet .fullscreen-mode:hover {
  background-color: rgb(var(--background-hover));
  color: var(--color);
}
.detail-leaflet__share {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
  text-transform: uppercase;
  z-index: 2;
  gap: 0.5em;
  /* --- Social icons - vlastní --- */
  --icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M136.4 7.6h-24.9c-11 0-21.6 4.4-29.4 12.2-7.8 7.8-12.2 18.4-12.2 29.4v24.9H45v33.2h24.9v66.5h33.2v-66.5H128l8.3-33.2h-33.2V49.2c0-2.2.9-4.3 2.4-5.9 1.6-1.6 3.7-2.4 5.9-2.4h24.9V7.6z' /%3E%3C/svg%3E");
  --icon-email: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-miterlimit='10' stroke-width='12' d='M11.2 136.1V45.3c0-12.6 10.2-22.9 22.9-22.9h113.3c12.6 0 22.9 10.2 22.9 22.9v90.8c0 12.6-10.2 22.9-22.9 22.9H34c-12.6 0-22.8-10.3-22.8-22.9zm0-90.8L77 83c8.5 4.9 18.9 4.9 27.4 0l65.9-37.7' /%3E%3C/svg%3E");
  --icon-twitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M17 10.1h36.8l111 161.2H128L17 10.1zm82 65.7 56.6-65.7m-139 161.2 61.9-71.9' /%3E%3C/svg%3E");
  --icon-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 181.4 181.4' version='1.1' viewBox='0 0 181.4 181.4' %3E%3Cpath fill='none' stroke='%23312783' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='12' d='M26.1 9.3C16.5 9.3 9.6 15.9 9.6 25s6.8 15.7 16.2 15.7c4.9 0 9.1-1.6 12.1-4.6 2.9-2.9 4.6-6.8 4.6-11.2-.2-9.2-7-15.6-16.4-15.6zM10.2 172.1h32.3V53.5H10.2v118.6zM127.6 53.5c-15 0-24.1 5.2-29.4 10l-1-10H60.6v118.7h35.8v-62.4c0-2.7 1.1-8.3 1.8-9.7 4.3-9.3 10.1-9.3 19-9.3 10.2 0 18.8 9.5 18.8 20.8v60.6h35.9v-67.1c-.1-35.5-23-51.6-44.3-51.6z' /%3E%3C/svg%3E");
}
.detail-leaflet__share-item {
  width: 1.4em;
  height: 1.4em;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  background-color: var(--color-main);
}
.detail-leaflet__share-item:hover {
  background-color: var(--color-primary);
}
.detail-leaflet__share-item--facebook {
  --icon: var(--icon-facebook);
}
.detail-leaflet__share-item--email {
  --icon: var(--icon-email);
}
.detail-leaflet__share-item--twitter {
  --icon: var(--icon-twitter);
}
.detail-leaflet__share-item--linkedin {
  --icon: var(--icon-linkedin);
}
.popup {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gap);
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s ease-in-out;
  color: var(--color-main);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.popup.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popup__wrapper {
  background-color: var(--color-background);
  max-width: 1200px;
  padding: calc(var(--gap) * 1.5);
  scrollbar-color: #f0c13a #cc9900;
  scrollbar-width: thin;
  overflow: auto;
  width: 100%;
  max-height: calc(100vh - var(--gap) * 2);
  border-radius: var(--border-radius);
}
.popup__wrapper::-webkit-scrollbar {
  width: 0.6rem;
  background: #f0c13a;
}
.popup__wrapper::-webkit-scrollbar-thumb {
  background: #cc9900;
  border-radius: 0.4rem;
}
.popup__helper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.popup__close {
  position: absolute;
  top: calc(var(--gap) * 0.75);
  right: calc(var(--gap) * 0.75);
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  z-index: 5;
  --close-color: var(--color-main);
  --height: 0.16em;
}
.popup__close:hover {
  --close-color: var(--color-primary);
  --height: 0.22em;
  scale: 1.2;
}
.popup__close:hover span:nth-child(1) {
  transform: rotate(-135deg);
}
.popup__close span {
  width: 100%;
  height: var(--height);
  background-color: var(--close-color);
  display: block;
  border-radius: 1em;
  transform-origin: center;
  position: absolute;
  top: calc(50% - var(--height) / 2);
  left: 0;
  transition: all 0.15s ease-in-out;
}
.popup__close span:nth-child(1) {
  transform: rotate(45deg);
}
.popup__close span:nth-child(2) {
  transform: rotate(-45deg);
}
.popup__subheading {
  text-align: center;
  font-size: var(--font-size-20);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: var(--medium);
}
.popup__title {
  text-align: center;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  color: var(--color-primary);
  font-size: var(--font-size-36);
  margin: 0.25em auto 1em;
}
.popup .accordition {
  margin: 0 auto 1em;
}
.popup .accordition__title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-20);
  padding: 1.2rem 4rem 1.2rem 2rem;
  line-height: 1.1em;
  display: block;
  text-align: left;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.popup .accordition__title:hover {
  color: var(--color-primary);
}
.popup .accordition__title.active::after {
  transform: rotate(45deg);
}
.popup .accordition__title::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.3rem;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 24 24'%3E%3Cpath d='M1.6 10h16.8M10 1.6v16.8' fill='none' stroke='%23653929' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
}
.popup .accordition__content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.15s ease-in-out;
  overflow: hidden;
}
.popup .accordition__content.visible {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}
.popup .accordition__content strong {
  text-decoration: underline;
}
.popup .accordition__content-inside {
  border-top: 1px solid #ccc;
  padding: 1.5rem 2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
}
.popup__tags-label {
  --item-color: var(--color-main);
  width: 100%;
  font-size: var(--font-size-16);
  border-radius: var(--border-radius);
  transition: all 0.15s ease-in-out;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 1px solid var(--color-border);
  cursor: pointer;
  background-color: var(--color-white);
  color: var(--color-main);
  overflow: hidden;
}
.popup__tags-label:hover {
  border-color: var(--color-primary);
}
.popup__tags-item-image {
  aspect-ratio: 293/200;
  width: 100%;
}
.popup__tags-item-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
  transition: all 0.15s ease-in-out;
}
.popup__tags-item-image img:hover {
  filter: none !important;
}
.popup__tags-item-title {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  font-size: var(--font-size-18);
  color: var(--item-color, var(--color-main));
  padding: 0.5em 1em;
  transition: all 0.15s ease-in-out;
}
.popup__tags-checkbox {
  display: none;
}
.popup__tags-checkbox:checked + label {
  --item-color: var(--color-primary);
  border-color: var(--color-primary);
}
.popup__tags-checkbox:checked + label img {
  filter: none;
}
.popup__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
  margin-top: 2em;
}
.leaflets-share-button {
  position: absolute;
  right: 0;
  top: -3.5em;
  font-size: var(--font-size-16);
}
.server-response {
  position: fixed;
  bottom: var(--gap);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 50;
  padding: 0.75em 1.25em;
  font-size: var(--font-size-18);
  border-radius: 0.5rem;
  font-weight: var(--bold);
  display: flex;
  align-items: flex-start;
  background-color: var(--box-color);
  color: var(--color-white);
  gap: 1em;
  opacity: 0;
  visibility: hidden;
  filter: blur(0.2em);
  transition: all 0.15s ease-in-out;
}
.server-response.visible {
  opacity: 1;
  visibility: visible;
  filter: blur(0) drop-shadow(0 0.2em 0.5em rgba(0, 0, 0, 0.15));
}
.server-response.success {
  --box-color: var(--color-green);
}
.server-response.error {
  --box-color: var(--color-red);
}
.server-response__text {
  flex-grow: 1;
}
.server-response__close {
  width: 0.8em;
  height: 0.8em;
  -webkit-mask: var(--icon-close) center / contain no-repeat;
  mask: var(--icon-close) center / contain no-repeat;
  top: 0.3em;
  cursor: pointer;
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .server-response {
    left: var(--padding-on-side);
    right: var(--padding-on-side);
    transform: none;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.download-files {
  display: inline-flex;
  align-items: center;
}
.download-files.loading::before,
.download-files.success::before,
.download-files.error::before {
  width: 1em;
  opacity: 1;
  visibility: visible;
  margin-right: 0.5em;
}
.download-files.loading::before {
  animation: spin 1s linear infinite;
  --icon-button: var(--icon-loading);
}
.download-files.success::before {
  --icon-button: var(--icon-ok);
}
.download-files.error::before {
  --icon-button: var(--icon-warning);
}
.download-files::before {
  content: '';
  height: 1em;
  width: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
  display: inline-flex;
  align-items: center;
  margin-left: 0;
  top: 0.15em;
  -webkit-mask: var(--icon-button) center / contain no-repeat;
  mask: var(--icon-button) center / contain no-repeat;
  background-color: var(--color-white);
}
/* --------------------------- / Časopisy, letáky, katalogy ------------------------ */
.sustainability__files {
  margin-top: 2em;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
.pswp__ui {
  position: static;
}
input,
textarea,
select {
  padding: 0.9rem 3rem 0.9rem 2rem;
  font-size: var(--font-size-16);
  background: #fff;
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #ccc;
  font-family: 'Intro', sans-serif;
  font-weight: 700;
  transition: all 0.15s ease-in-out;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #653929;
}
select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.9 12.2'%3E%3Cpath d='M16.2.7C14.9 2.3 13.4 3.6 12 5c-.8.8-1.6 1.6-2.4 2.5-.5.7-1 1.6-1.8 2.1.4.1.7.1 1.1.2-.4-.6-1-1.1-1.5-1.6-.7-.7-1.3-1.6-1.9-2.5C4.3 3.9 3.2 2 1.8.5.9-.5-.4 1.3.5 2.3 1.9 3.8 3 5.7 4.2 7.5L6 9.9c.5.6 1.2 1.1 1.7 1.8.3.4.8.5 1.1.2.7-.6 1.3-1.4 1.9-2.2.8-1 1.6-1.9 2.4-2.7 1.5-1.4 3-2.7 4.3-4.4 1-1.2-.4-3-1.2-1.9z' fill='%23ca0832'/%3E%3C/svg%3E") right 1rem center / 1.6rem auto no-repeat;
  background-color: #fff;
}
.form-label {
  font-family: 'Intro', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
}
.label {
  position: absolute;
  top: 0.7em;
  left: 2rem;
  display: block;
  color: #653929;
  z-index: 2;
  cursor: text;
  transition: all 0.15s ease-in-out;
  font-family: 'Intro', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  border-radius: 0.3rem;
}
.label span {
  color: #ca0832;
  font-weight: 700;
}
.label.active {
  top: -1.3rem;
  left: 1rem;
  background: #f2f2f2;
  color: #000;
  padding: 0.2rem 0.6rem;
  z-index: 3;
  font-size: 1.2rem;
  border: 1px solid #ccc;
}
.label.active span {
  color: #ca0832;
}
.row {
  display: grid;
  gap: 0 2rem;
}
.row__title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-family: 'Intro', sans-serif;
  font-weight: 400;
}
.row-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.5rem;
}
.submit-wrapper {
  text-align: right;
  position: relative;
}
.submit-wrapper .wpcf7-submit:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control-wrap::after {
  content: "";
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  top: 0.5rem;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.wpcf7-form-control-wrap.wpcf7-not-valid::after {
  opacity: 1;
  visibility: visible;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='22'%3E%3Cpath fill-rule='evenodd' fill='%23ca0832' d='M2 15a2 2 0 01-2-2V1.999a2 2 0 014 0V13a2 2 0 01-2 2zm0 3a2 2 0 110 4 2 2 0 010-4z'/%3E%3C/svg%3E") center / auto 2rem no-repeat;
}
.wpcf7-form-control-wrap.wpcf7-is-valid::after {
  opacity: 1;
  visibility: visible;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 12.8'%3E%3Cpath fill='none' stroke='%23207c0e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M12.9 1.6l-7.2 9.7-4.1-4.9'/%3E%3C/svg%3E") center / auto 1.4rem no-repeat;
}
.wpcf7-form-control-wrap.wpcf7-is-valid.form-courses::after {
  content: none;
}
.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7-response-output {
  color: #fff;
  border-radius: 0.5rem;
  margin: 0 auto;
  padding: 1.4rem;
  line-height: 1.3em;
  border: none;
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  transition: all 0.15s ease-in-out;
  font-family: 'Intro', sans-serif;
  font-weight: 400;
  font-size: var(--font-size-16);
  display: none;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.wpcf7-spinner {
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ca0832'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E") center / 1.6rem auto no-repeat;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  margin: 0;
  transition: all 0.15s ease-in-out;
}
.wpcf7-spinner::before {
  content: none !important;
}
.wpcf7-form.submitting .wpcf7-spinner {
  visibility: visible;
  opacity: 1;
}
.wpcf7-form.invalid .wpcf7-response-output {
  background-color: #ca0832;
  display: block;
}
.wpcf7-form.sent .wpcf7-response-output {
  background-color: #207c0e;
  display: block;
}
.wpcf7-acceptance {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.wpcf7-acceptance--first {
  margin-top: 4rem;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item a {
  color: #ca0832;
}
.wpcf7-acceptance .wpcf7-list-item a:hover {
  color: #ca0832;
  text-decoration: underline;
}
.wpcf7-acceptance .wpcf7-list-item input {
  display: none;
}
.wpcf7-acceptance .wpcf7-list-item input:checked + .wpcf7-list-item-label::before {
  opacity: 1;
}
.wpcf7-acceptance .wpcf7-list-item input:checked + .wpcf7-list-item-label::after {
  background-color: #ca0832;
  border-color: #ca0832;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 3rem;
  font-size: 1.4rem;
  line-height: 2 / 1.4em;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.171' height='8.917'%3E%3Cpath d='M.863 4.178l3.632 2.556 3.368-6' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E") center / auto no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  transition: all 0.15s ease-in-out;
  background: #fff;
}
.wpcf7-acceptance.wpcf7-not-valid .wpcf7-list-item-label::after {
  border-color: #c03c0e;
}
.google-recaptcha {
  font-size: 1.2rem;
  color: #653929;
  margin: -1rem 0 2rem 0;
}
.google-recaptcha a {
  color: #ca0832;
  text-decoration: underline;
  font-weight: 700;
}
.google-recaptcha a:hover {
  text-decoration: none;
}
.grecaptcha-badge {
  display: none !important;
}
.files {
  font-size: var(--font-size-16);
}
.files .codedropz-upload-inner {
  font-family: 'Intro', sans-serif;
  font-weight: 700;
}
.files .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
  color: #ca0832;
}
.files .codedropz-upload-handler {
  border-color: #ccc;
  transition: all 0.15s ease-in-out;
}
.files .codedropz-dragover {
  background-color: #f2f2f2;
}
.files span {
  font-size: var(--font-size-12);
}
.files .cd-upload-btn {
  color: #ca0832;
  text-decoration: underline;
  font-weight: 700;
  text-decoration: underline !important;
}
.files .cd-upload-btn:hover {
  text-decoration: none;
}
.files .cd-upload-btn:hover {
  text-decoration: none !important;
}
.files .dnd-upload-status .dnd-upload-details {
  position: static;
}
.files .dnd-upload-status {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1600px) {
  .splide__arrow {
    background-color: #fff;
    box-shadow: 0 0.1rem 0.2rem rgba(56, 67, 76, 0.05), 0 0.4rem 1rem rgba(56, 67, 76, 0.2);
    width: 5rem;
    height: 4rem;
    border-radius: 0.5rem;
  }
  .splide__arrow::after {
    background-size: 60% 60%;
  }
  .splide__arrow--prev {
    left: 0rem;
  }
  .splide__arrow--next {
    right: 0rem;
  }
}
@media screen and (max-width: 1500px) {
  :root {
    --font-size-20: 1.8rem;
    --font-size-22: 2rem;
    --font-size-24: 2.2rem;
    --font-size-28: 2.4rem;
    --font-size-30: 2.6rem;
    --font-size-36: 3.2rem;
    --font-size-48: 4rem;
    --font-size-60: 4.8rem;
  }
  .top-bar__menu > li > a {
    padding: 1.5rem;
  }
  .top-bar__logo img {
    width: 16rem;
  }
  .top-bar__logo-wrapper {
    width: 18rem;
  }
  .top-bar.smaller .top-bar__logo img {
    width: 12rem;
  }
  .section {
    --padding: 6rem;
  }
  .hp-header-slider-wrapper {
    padding-top: 3rem;
  }
  .section--single-post {
    padding-top: 10rem;
  }
  .page-calculator-title {
    margin-bottom: 3rem;
  }
  .page-fit-den-page-padding {
    padding-top: 6rem;
  }
  .calculator-stamp {
    width: 26rem;
    right: -2rem;
    top: -4rem;
  }
}
@media screen and (max-width: 1300px) {
  .top-bar__menu > li > a {
    padding: 1.5rem 1rem;
  }
  .articles,
  .projects {
    gap: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --font-size-12: 11px;
    --font-size-14: 13px;
    --font-size-15: 14px;
    --font-size-16: 15px;
    --font-size-18: 16px;
    --font-size-20: 17px;
    --font-size-22: 18px;
    --font-size-24: 19px;
    --font-size-28: 22px;
    --font-size-30: 23px;
    --font-size-36: 28px;
    --font-size-48: 32px;
    --font-size-60: 36px;
  }
  .contact-form__left {
    padding: 3rem;
  }
  .contact-form__right {
    padding: 3rem;
  }
  .top-bar__logo-wrapper {
    width: 12rem;
  }
  .top-bar__logo img {
    width: 10rem;
  }
  .top-bar.smaller .top-bar__logo img {
    width: 10rem;
  }
  .top-bar__menu > li > a {
    padding: 1.2rem 0.9rem 0.9rem 0.9rem;
  }
  .top-bar__menu .menu-eshop a {
    background: #fff;
    padding: 0.7rem 0.9rem;
  }
  .hp-header-slider-wrapper {
    padding-top: 2.5rem;
  }
}