@charset "UTF-8";
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

h1, .like-h1 {
  color: white !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Chakra Petch";
  font-size: 48px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  h1, .like-h1 {
    /* DESKTOP/H1 HEADLINE */
    font-size: 75px !important;
    line-height: 80px; /* 106.667% */
  }
}

h2, .like-h2 {
  color: white !important;
  /* MOBILE/H2 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 44px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 109.091% */
}
h2.clamp, .like-h2.clamp {
  font-size: clamp(44px, 5vw, 70px) !important;
  line-height: clamp(48px, 5.5vw, 75px);
}
@media (min-width: 756px) {
  h2, .like-h2 {
    font-size: 70px !important;
    line-height: 75px; /* 107.143% */
  }
}

h3, .like-h3 {
  color: white !important;
  /* DESKTOP/H3 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 50px;
  font-style: italic;
  font-weight: 700;
  line-height: 60px; /* 120% */
}

h4, .like-h4 {
  color: white;
  /* DESKTOP/H4 HEADLINE ITALIC */
  font-family: "Chakra Petch";
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px; /* 120% */
}

.button-text {
  color: white;
  /* MOBILE/BUTTON */
  font-family: "Chakra Petch";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}
@media (min-width: 756px) {
  .button-text {
    /* DESKTOP/BUTTON */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

.usp {
  color: white;
  /* MOBILE/USP */
  font-family: "Chakra Petch", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 110% */
}
@media (min-width: 756px) {
  .usp {
    /* DESKTOP/USP */
    font-size: 22px;
    line-height: 26px; /* 118.182% */
  }
}

.menu {
  color: white;
  /* MOBILE/MENU */
  font-family: "Chakra Petch", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
@media (min-width: 756px) {
  .menu {
    /* DESKTOP/MENU */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

p, .like-p {
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}

.note {
  color: white;
  /* MOBILE/Note */
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.5px;
}
@media (min-width: 756px) {
  .note {
    /* DESKTOP/Note */
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}

.striped-h1-strizov {
  color: orangered !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-strizov {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.striped-h1-outpost {
  color: #60b200 !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-outpost {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.cursor-glow {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
  filter: blur(1px);
  display: none;
}
@media (max-width: 756px) {
  .cursor-glow {
    display: none;
  }
}
.cursor-glow.moving {
  filter: blur(4px);
  width: 52px;
  height: 52px;
}
.cursor-glow.no-pulse {
  opacity: 0;
}

.green-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(96, 255, 96, 0.9) 8%, rgba(96, 178, 0, 0.7) 24%, rgba(96, 178, 0, 0.3) 60%, rgba(96, 178, 0, 0.12) 80%, rgba(96, 178, 0, 0) 100%);
}

.orange-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(255, 180, 50, 0.95) 8%, rgba(255, 140, 0, 0.7) 24%, rgba(255, 110, 0, 0.3) 60%, rgba(255, 110, 0, 0.12) 80%, rgba(255, 110, 0, 0) 100%);
}

.dot-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(172, 94, 227, 0.95) 8%, rgba(172, 94, 227, 0.7) 24%, rgba(172, 94, 227, 0.3) 60%, rgba(172, 94, 227, 0.12) 80%, rgba(172, 94, 227, 0) 100%);
}

.bottom-right-gradient-green {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%);
}
.bottom-right-gradient-orange {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
.bottom-right-gradient-orange-strizov {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 20%, rgb(110, 29, 12) 100%);
}

/* ----------- ANIMATIONS -------------- */
@keyframes flashWhite {
  0%, 15%, 100% {
    fill: currentColor;
  }
  5% {
    fill: white;
  }
}
@keyframes flicker {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-3px);
  }
  20% {
    transform: translateX(-1px) translateY(-3px);
  }
  35% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-3px) translateY(-2px);
  }
  65% {
    transform: translateX(0) translateY(0);
  }
  80% {
    transform: translateX(-2px) translateY(-2px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sway {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(16px, -9px) rotate(-4deg);
  }
  40% {
    transform: translate(2px, -25px) rotate(0deg);
  }
  55% {
    transform: translate(-6px, 5px) rotate(12deg);
  }
  75% {
    transform: translate(8px, 8px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes translateUp {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.translate-delay-1 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
}

.translate-delay-2 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

.translate-delay-3 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.translate-delay-4 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.translate-delay-5 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

.translate-delay-6 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.translate-delay-7 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.translate-delay-8 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.translate-delay-9 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.translate-delay-10 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

/* ----------- Carousels -------------- */
.show-all.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 0.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.show-all.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 1);
  }
}
@media (min-width: 1200px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.show-all.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 1.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.show-all.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.show-all.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.show-all.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.show-all.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.show-all.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 4);
  }
}
@media (min-width: 1200px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.show-all.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 4.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.show-all.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}

.show-3 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}

.show-4 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 4);
  }
}

.warning {
  color: red;
}

.btn-close {
  box-sizing: content-box;
  padding: 0.25em;
  color: #fff;
  border: 0;
  background: none;
  border-radius: 0.25rem;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  cursor: default;
  position: relative;
  width: 24px;
  height: 24px;
}
.btn-close.fix {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1000;
}
.btn-close .close-line {
  width: 2px;
  height: 33px;
  background-color: orangered;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.btn-close .close-line:nth-child(1) {
  transform: rotate(45deg);
}
.btn-close .close-line:nth-child(2) {
  width: 2px;
  height: 2px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-close .close-line:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 1;
}

body {
  font-family: Outfit, sans-serif;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  background-color: black !important;
  -webkit-text-size-adjust: 100%;
}

input::-webkit-contacts-auto-fill-button {
  position: absolute !important;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.cursor-glow {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
  filter: blur(1px);
  display: none;
}
@media (max-width: 756px) {
  .cursor-glow {
    display: none;
  }
}
.cursor-glow.moving {
  filter: blur(4px);
  width: 52px;
  height: 52px;
}
.cursor-glow.no-pulse {
  opacity: 0;
}

.green-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(96, 255, 96, 0.9) 8%, rgba(96, 178, 0, 0.7) 24%, rgba(96, 178, 0, 0.3) 60%, rgba(96, 178, 0, 0.12) 80%, rgba(96, 178, 0, 0) 100%);
}

.orange-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(255, 180, 50, 0.95) 8%, rgba(255, 140, 0, 0.7) 24%, rgba(255, 110, 0, 0.3) 60%, rgba(255, 110, 0, 0.12) 80%, rgba(255, 110, 0, 0) 100%);
}

.dot-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(172, 94, 227, 0.95) 8%, rgba(172, 94, 227, 0.7) 24%, rgba(172, 94, 227, 0.3) 60%, rgba(172, 94, 227, 0.12) 80%, rgba(172, 94, 227, 0) 100%);
}

.bottom-right-gradient-green {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%);
}
.bottom-right-gradient-orange {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
.bottom-right-gradient-orange-strizov {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 20%, rgb(110, 29, 12) 100%);
}

/* ----------- ANIMATIONS -------------- */
@keyframes flashWhite {
  0%, 15%, 100% {
    fill: currentColor;
  }
  5% {
    fill: white;
  }
}
@keyframes flicker {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-3px);
  }
  20% {
    transform: translateX(-1px) translateY(-3px);
  }
  35% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-3px) translateY(-2px);
  }
  65% {
    transform: translateX(0) translateY(0);
  }
  80% {
    transform: translateX(-2px) translateY(-2px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sway {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(16px, -9px) rotate(-4deg);
  }
  40% {
    transform: translate(2px, -25px) rotate(0deg);
  }
  55% {
    transform: translate(-6px, 5px) rotate(12deg);
  }
  75% {
    transform: translate(8px, 8px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes translateUp {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.translate-delay-1 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
}

.translate-delay-2 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

.translate-delay-3 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.translate-delay-4 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.translate-delay-5 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

.translate-delay-6 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.translate-delay-7 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.translate-delay-8 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.translate-delay-9 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.translate-delay-10 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

/* ----------- Carousels -------------- */
.show-all.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 0.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.show-all.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 1);
  }
}
@media (min-width: 1200px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.show-all.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 1.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.show-all.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.show-all.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.show-all.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.show-all.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.show-all.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 4);
  }
}
@media (min-width: 1200px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.show-all.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 4.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.show-all.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}

.show-3 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}

.show-4 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 4);
  }
}

.warning {
  color: red;
}

.btn-close {
  box-sizing: content-box;
  padding: 0.25em;
  color: #fff;
  border: 0;
  background: none;
  border-radius: 0.25rem;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  cursor: default;
  position: relative;
  width: 24px;
  height: 24px;
}
.btn-close.fix {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1000;
}
.btn-close .close-line {
  width: 2px;
  height: 33px;
  background-color: orangered;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.btn-close .close-line:nth-child(1) {
  transform: rotate(45deg);
}
.btn-close .close-line:nth-child(2) {
  width: 2px;
  height: 2px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-close .close-line:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 1;
}

.usps-slider {
  overflow: hidden;
}
.usps-slider.usp-outpost-carousel .jump-row svg path {
  fill: #60b200 !important;
}
.usps-slider .embla__viewport {
  overflow: hidden !important;
}
.usps-slider .embla__viewport .embla__container {
  display: flex;
  gap: 25px;
}
.usps-slider .embla__viewport .embla__container.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.usps-slider .embla__viewport .embla__container.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.usps-slider .embla__viewport .embla__container.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.usps-slider .embla__viewport .embla__container.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.usps-slider .embla__viewport .embla__container.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.usps-slider .embla__viewport .embla__container.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.usps-slider .embla__viewport .embla__container.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.usps-slider .embla__viewport .embla__container.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.usps-slider .embla__viewport .embla__container.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.usps-slider .embla__viewport .embla__container.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .usps-slider .embla__viewport .embla__container.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .usps-slider .embla__viewport .embla__container.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}
.usps-slider .embla__viewport .embla__container .embla__slide {
  padding-bottom: 15px;
  overflow: visible !important;
  cursor: grab;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  -webkit-user-drag: none;
  height: fit-content !important;
  user-select: none;
  -webkit-user-select: none;
}
.usps-slider .embla__viewport .embla__container .embla__slide:active {
  cursor: grabbing;
}
.usps-slider .embla__viewport .embla__container .embla__slide .slide-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  height: fit-content;
  padding: 20px;
  box-sizing: border-box;
}
.usps-slider .embla__viewport .embla__container .embla__slide .slide-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  background: radial-gradient(141.42% 141.42% at 100% 0%, #262626 0%, #262626 34.78%, #000 100%);
  z-index: 0;
  pointer-events: none;
  opacity: 0.9;
}
.usps-slider .embla__viewport .embla__container .embla__slide .slide-header img {
  position: relative;
  z-index: 1;
  max-width: 80%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  filter: saturate(0%);
  transition: 0.6s ease-out;
}
.usps-slider .embla__viewport .embla__container .embla__slide .jump-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.usps-slider .embla__viewport .embla__container .embla__slide .jump-row svg {
  animation: jump 0.6s ease-in-out infinite;
}
.usps-slider .embla__viewport .embla__container .embla__slide h3 {
  position: relative;
  top: -30px;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  min-height: 2.6em;
  margin: 1rem 0 0.5rem 0;
}
.usps-slider .embla__viewport .embla__container .embla__slide p {
  font-size: 16px;
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
}
.usps-slider .embla__viewport .embla__container .embla__slide:hover .slide-header img {
  filter: saturate(100%);
  transform: scale(1.2);
}

@media (hover: none) {
  img {
    filter: saturate(100%) !important;
    transition: none !important;
  }
}
.arena-picker-container {
  height: 60vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 756px) {
  .arena-picker-container {
    height: 80vh;
  }
}
.arena-picker-container .player-1 {
  position: absolute;
  left: -100%;
  bottom: 0;
  transition: ease-in-out 1s;
  z-index: 9999;
  opacity: 0;
  max-height: 100%;
}
@media (max-width: 756px) {
  .arena-picker-container .player-1 {
    display: none;
  }
}
.arena-picker-container .player-1.active {
  left: 0;
  opacity: 1;
}
.arena-picker-container .player-2 {
  position: absolute;
  right: -100%;
  bottom: 0;
  transition: ease-in-out 1s;
  z-index: 9999;
  opacity: 0;
  max-height: 100%;
}
@media (max-width: 756px) {
  .arena-picker-container .player-2 {
    display: none;
  }
}
.arena-picker-container .player-2.active {
  right: 0;
  opacity: 1;
}
.arena-picker-container .arena-picker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.arena-picker-container .arena-picker .arena-1 {
  width: calc(50% + 100px);
  height: 100%;
  background-color: #832903;
  clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: ease-in-out 1s;
  z-index: 10;
}
.arena-picker-container .arena-picker .arena-1:not(.active) .arena-button {
  opacity: 0 !important;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-1 {
    height: calc(50% + 100px);
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 100px));
  }
}
.arena-picker-container .arena-picker .arena-1 p {
  opacity: 0;
}
.arena-picker-container .arena-picker .arena-1.active p {
  transition: ease-in-out 1s;
  opacity: 1;
}
.arena-picker-container .arena-picker .arena-1.active .arena-1-content {
  transition: ease-in-out 1s;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-1.active .arena-1-content {
    padding-left: 1rem;
  }
}
.arena-picker-container .arena-picker .arena-1 .arena-button {
  z-index: 120;
  opacity: 0;
  position: absolute;
  bottom: 15%;
  right: 20%;
  transition: 1s ease-out;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-1 .arena-button {
    opacity: 1;
  }
}
.arena-picker-container .arena-picker .arena-1 .arena-1-content {
  padding: 3rem;
  z-index: 10;
  position: absolute;
  inset: 0;
  transform: translateX(0px);
  transition: 1s ease-out;
  width: 50%;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-1 .arena-1-content {
    padding: 1rem;
    width: 100%;
  }
}
.arena-picker-container .arena-picker .arena-1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  filter: brightness(60%);
  z-index: 0;
}
.arena-picker-container .arena-picker .arena-1:hover .arena-1-content {
  transform: translateY(0px);
}
@media (min-width: 756px) {
  .arena-picker-container .arena-picker .arena-1:hover .arena-1-content {
    transform: translatex(300px);
  }
}
@media (min-width: 1000px) {
  .arena-picker-container .arena-picker .arena-1:hover .arena-1-content {
    transform: translateX(350px);
  }
}
@media (min-width: 1200px) {
  .arena-picker-container .arena-picker .arena-1:hover .arena-1-content {
    transform: translateX(400px);
  }
}
.arena-picker-container .arena-picker .arena-1:hover .arena-button {
  opacity: 1;
}
.arena-picker-container .arena-picker .arena-2 {
  width: calc(50% + 100px);
  height: 100%;
  background-color: #2d6b2d;
  position: absolute;
  right: 0;
  bottom: 0;
  clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);
  transition: ease-in-out 1s;
  z-index: 20;
}
.arena-picker-container .arena-picker .arena-2:not(.active) .arena-button {
  opacity: 0 !important;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-2 {
    height: calc(50% + 100px);
    width: 100%;
    clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  }
}
.arena-picker-container .arena-picker .arena-2 .arena-button {
  z-index: 120;
  opacity: 0;
  position: absolute;
  bottom: 15%;
  left: 25%;
  transition: 1s ease-out;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-2 .arena-button {
    opacity: 1;
  }
}
.arena-picker-container .arena-picker .arena-2 p {
  opacity: 0;
}
.arena-picker-container .arena-picker .arena-2.active p {
  transition: ease-in-out 1s;
  opacity: 1;
}
.arena-picker-container .arena-picker .arena-2:hover .arena-button {
  opacity: 1;
}
.arena-picker-container .arena-picker .arena-2 .arena-2-content {
  padding: 3rem 3rem 3rem 14%;
  z-index: 10;
  position: absolute;
  inset: 0;
  max-width: 60%;
}
@media (max-width: 756px) {
  .arena-picker-container .arena-picker .arena-2 .arena-2-content {
    padding: 100px 1rem 1rem 1rem;
    width: 100%;
    max-width: 100%;
  }
}
.arena-picker-container .arena-picker .arena-2 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  filter: brightness(60%);
  z-index: 0;
}

.arena-hover-1 .arena-1-content {
  transform: translateY(0px) !important;
}
@media (min-width: 756px) {
  .arena-hover-1 .arena-1-content {
    transform: translatex(200px) !important;
  }
}
@media (min-width: 1000px) {
  .arena-hover-1 .arena-1-content {
    transform: translateX(350px) !important;
  }
}
@media (min-width: 1200px) {
  .arena-hover-1 .arena-1-content {
    transform: translateX(400px) !important;
  }
}
.arena-hover-1 .arena-button {
  opacity: 1 !important;
}

.arena-hover-2 .arena-button {
  opacity: 1 !important;
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

.contact {
  display: flex;
  justify-content: center;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 900px) {
  .contact {
    display: flex;
    flex-direction: column-reverse;
  }
}
.contact .contact-left {
  text-align: center;
}
@media (max-width: 900px) {
  .contact .contact-left img {
    width: 150px;
  }
}
.contact .contact-right .contact-form {
  display: grid;
  gap: 12px;
  justify-content: center;
}
.contact .contact-right .contact-form .contact-form-item {
  transform: skewX(-22deg);
  border: 1px solid #ff3b1f;
}
.contact .contact-right .contact-form .contact-form-item input {
  width: 100%;
  padding: 12px 42.933px;
  box-sizing: border-box;
  background: transparent;
  line-height: normal;
  color: #fff;
  outline: none;
  text-align: center;
  transform: skew(22deg);
  border: none;
  position: relative;
}
.contact .contact-right .contact-form .contact-form-item-textarea {
  background-color: #ff3b1f;
  padding: 2px;
  box-sizing: border-box;
  height: 150px;
  min-width: 150px;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-margin: 15px;
}
@media (min-width: 756px) {
  .contact .contact-right .contact-form .contact-form-item-textarea {
    clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
    shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  }
}
.contact .contact-right .contact-form .contact-form-item-textarea textarea {
  width: 100%;
  height: 100%;
  padding: 0 8%;
  margin: 0;
  background: black;
  color: #fff;
  outline: none;
  resize: vertical;
  border: none;
  text-align: center;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-margin: 15px;
}
@media (min-width: 756px) {
  .contact .contact-right .contact-form .contact-form-item-textarea textarea {
    clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
    shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  }
}
.contact .contact-right .blog-button {
  margin-top: 6px;
  justify-self: center;
}
.contact .contact-right .contact-note {
  font-size: 16px;
  opacity: 0.8;
  margin-top: 4px;
  text-align: center;
}

.hero {
  height: 80dvh;
  width: 100%;
  overflow: hidden;
}
.hero.hero-2 {
  height: 65dvh;
  width: 100%;
  margin-bottom: 5rem;
}
.hero .hero-mask {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .hero .hero-mask {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.hero .hero-mask > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
}
.hero .hero-mask video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  filter: brightness(60%);
}
.hero .hero-mask .youtube-mask-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  background: #000;
}
.hero .hero-mask .youtube-mask-iframe {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  pointer-events: none;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  aspect-ratio: 16/9;
  filter: brightness(60%);
}
@media (max-width: 756px) {
  .hero .hero-mask .youtube-mask-iframe {
    width: unset !important;
    min-width: unset !important;
  }
}
.hero .hero-mask .overlay-obj {
  position: absolute;
  bottom: 0px;
  right: 20px;
  width: auto;
  height: 20%;
  display: none;
}
@media (min-width: 756px) {
  .hero .hero-mask .overlay-obj {
    width: auto;
    height: auto;
    display: block;
  }
}
.hero .hero-mask .hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0 3rem 0;
}
.hero .hero-mask .hero-content .headline {
  text-align: center;
  padding: 0 1rem;
}
@media (min-width: 756px) {
  .hero .hero-mask .hero-content .headline {
    padding: 0;
  }
}
.hero .hero-mask .hero-content .headline p {
  text-align: center;
  padding: 0 14%;
}
.hero .hero-mask .hero-content .button-part {
  text-decoration: none;
}

.headliner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible;
}
@media (min-width: 968px) {
  .headliner {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }
}
.headliner.gps-outpost .gps .gps-barva {
  color: #60b200 !important;
}
.headliner.gps-outpost .gps .lomitko {
  color: #60b200 !important;
}
.headliner.navic h2 {
  font-size: 25px !important;
  color: #60b200 !important;
}
.headliner.has-backtext {
  padding-top: 13rem !important;
  padding-bottom: 3rem !important;
}
@media (max-width: 1100px) {
  .headliner.has-backtext {
    padding-top: 10rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (max-width: 756px) {
  .headliner.has-backtext {
    padding-top: 7rem !important;
    padding-bottom: 0 !important;
  }
  .headliner.has-backtext.mask-class {
    margin-top: 2rem;
  }
}
.headliner.has-backtext .back-text {
  padding-top: 2rem;
}
.headliner.technicke ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 800px;
  margin-inline: auto;
}
.headliner.technicke ul li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1.5rem;
  color: #dcdcdc;
  display: flex;
  justify-content: flex-start;
}
.headliner.technicke ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  width: 0;
  height: 0;
  border-left: 10px solid #60B200;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.headliner.technicke-detail ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 800px;
  margin-inline: auto;
}
.headliner.technicke-detail ul li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1.5rem;
  color: #dcdcdc;
  display: flex;
  justify-content: flex-start;
}
.headliner.technicke-detail ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  width: 0;
  height: 0;
  border-left: 10px solid #ff4b00;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.headliner .svg {
  position: absolute;
  left: unset;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}
@media (min-width: 756px) {
  .headliner .svg {
    left: 50%;
    top: unset;
    transform: translateX(-50%);
  }
}
.headliner .svg.crosshair {
  animation: sway 4s ease-in-out infinite;
}
.headliner .svg.mask {
  animation: breathe 2s ease-in-out infinite;
}
.headliner .svg.rockets {
  transform-origin: center;
}
.headliner .svg.rockets svg {
  overflow: visible;
}
.headliner .svg.rockets svg path:nth-child(1) {
  animation: flicker 1.3s ease-in-out infinite;
}
.headliner .svg.rockets svg path:nth-child(2) {
  animation: flicker 1.3s ease-in-out infinite;
  animation-delay: 0.15s;
}
.headliner .svg.green.calendar svg path {
  color: #60B200;
}
.headliner .svg.orange.calendar svg path {
  color: #ff4b00;
}
.headliner .svg.orange.calendar svg path {
  color: #ff4b00;
}
@media (min-width: 756px) {
  .headliner .svg {
    left: 5%;
    transform: none;
  }
}
.headliner .headline-content {
  text-align: center;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1rem;
}
@media (min-width: 756px) {
  .headliner .headline-content {
    max-width: 50%;
    padding: 0;
  }
}
.headliner .back-text {
  position: absolute;
  top: 42px;
  left: 0;
  color: #262626 !important;
  font-family: "Rockeby Cd Ht It";
  font-size: clamp(84px, 16vw, 286px) !important;
  font-weight: 900;
  font-style: italic;
  line-height: clamp(48px, 14vw, 300px);
  width: 100%;
  text-align: center;
  letter-spacing: 4px;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}
@media (min-width: 756px) {
  .headliner .back-text {
    top: 60px;
  }
}
@media (min-width: 1200px) {
  .headliner .back-text {
    top: 50px;
  }
}
@media (min-width: 1650px) {
  .headliner .back-text {
    top: 22px;
  }
}
.headliner .gallery-wrap {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-top: 4rem;
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: center;
}
.headliner .gallery-wrap .tgs-logo {
  height: 60px;
  width: auto;
}
.headliner .gallery-wrap .tgs-logo svg {
  transition: fill 0.6s ease;
  height: 100%;
  width: auto;
}
.headliner .gallery-wrap .tgs-logo:hover svg g path {
  fill: #F2411C !important;
}
.headliner .gallery-wrap .tgs-logo:hover svg path {
  fill: #F2411C !important;
}
.headliner .gallery-wrap img {
  width: 100%;
  height: auto;
  transition: filter 0.3s ease, transform 0.6s ease;
  filter: none;
}
.headliner .gallery-wrap img:hover {
  filter: drop-shadow(0 0 6px #F2411C);
  transform: scale(1.05);
}

.container {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.container .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  color: #eaeaea;
}
.container .item .item-header {
  width: 100%;
  padding: 1.25rem;
  background: radial-gradient(141.42% 141.42% at 100% 0%, #262626 0%, #262626 34.78%, #000 100%);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.container .item .item-header img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  display: block;
  margin-top: -25%;
}
.container .item .item-header + span {
  margin-top: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ff4d1a;
}
.container .item .svg-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.2rem 0 0.6rem;
}
.container .item .svg-row .jump-row {
  display: inline-flex;
  line-height: 0;
}
.container .item .svg-row .jump-row svg {
  animation: jump 0.9s ease-in-out infinite;
}
.container .item .svg-row + span {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #cfcfcf;
  max-width: 46ch;
}
.container .item span {
  font-size: 18px;
}

.white-bg.detail .container {
  display: flex;
  justify-content: center;
  padding: 2rem 0 2rem 0;
}
.white-bg.detail .container .postupnein-content {
  display: flex;
  justify-content: center;
  transform: skew(-22deg);
  border: 1px solid #60b200;
  width: fit-content;
  padding-inline: 2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .white-bg.detail .container .postupnein-content {
    padding-inline: 0.8rem;
  }
}
.white-bg.detail .container .postupnein-content table {
  color: white;
  background: none !important;
  width: fit-content !important;
}
.white-bg.detail .container .postupnein-content table tr td {
  padding: 0.5rem 1rem;
  white-space: nowrap;
  transform: skew(22deg);
  font-size: 1rem;
}
@media (max-width: 768px) {
  .white-bg.detail .container .postupnein-content table tr td {
    padding: 0.3rem 0.4rem;
    font-size: 0.7rem;
  }
}

.basicarticle ol {
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}
.basicarticle a:not(.swipe-button-green) {
  color: #60B200;
  transition: ease-in 0.3s;
  text-decoration: none;
}
.basicarticle a:not(.swipe-button-green):hover {
  color: #F2411C;
  text-decoration: underline;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.cursor-glow {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
  filter: blur(1px);
  display: none;
}
@media (max-width: 756px) {
  .cursor-glow {
    display: none;
  }
}
.cursor-glow.moving {
  filter: blur(4px);
  width: 52px;
  height: 52px;
}
.cursor-glow.no-pulse {
  opacity: 0;
}

.green-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(96, 255, 96, 0.9) 8%, rgba(96, 178, 0, 0.7) 24%, rgba(96, 178, 0, 0.3) 60%, rgba(96, 178, 0, 0.12) 80%, rgba(96, 178, 0, 0) 100%);
}

.orange-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(255, 180, 50, 0.95) 8%, rgba(255, 140, 0, 0.7) 24%, rgba(255, 110, 0, 0.3) 60%, rgba(255, 110, 0, 0.12) 80%, rgba(255, 110, 0, 0) 100%);
}

.dot-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(172, 94, 227, 0.95) 8%, rgba(172, 94, 227, 0.7) 24%, rgba(172, 94, 227, 0.3) 60%, rgba(172, 94, 227, 0.12) 80%, rgba(172, 94, 227, 0) 100%);
}

.bottom-right-gradient-green {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%);
}
.bottom-right-gradient-orange {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
.bottom-right-gradient-orange-strizov {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 20%, rgb(110, 29, 12) 100%);
}

/* ----------- ANIMATIONS -------------- */
@keyframes flashWhite {
  0%, 15%, 100% {
    fill: currentColor;
  }
  5% {
    fill: white;
  }
}
@keyframes flicker {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-3px);
  }
  20% {
    transform: translateX(-1px) translateY(-3px);
  }
  35% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-3px) translateY(-2px);
  }
  65% {
    transform: translateX(0) translateY(0);
  }
  80% {
    transform: translateX(-2px) translateY(-2px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sway {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(16px, -9px) rotate(-4deg);
  }
  40% {
    transform: translate(2px, -25px) rotate(0deg);
  }
  55% {
    transform: translate(-6px, 5px) rotate(12deg);
  }
  75% {
    transform: translate(8px, 8px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes translateUp {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.translate-delay-1 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
}

.translate-delay-2 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

.translate-delay-3 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.translate-delay-4 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.translate-delay-5 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

.translate-delay-6 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.translate-delay-7 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.translate-delay-8 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.translate-delay-9 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.translate-delay-10 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

/* ----------- Carousels -------------- */
.show-all.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 0.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.show-all.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 1);
  }
}
@media (min-width: 1200px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.show-all.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 1.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.show-all.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.show-all.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.show-all.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.show-all.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.show-all.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 4);
  }
}
@media (min-width: 1200px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.show-all.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 4.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.show-all.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}

.show-3 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}

.show-4 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 4);
  }
}

.warning {
  color: red;
}

.btn-close {
  box-sizing: content-box;
  padding: 0.25em;
  color: #fff;
  border: 0;
  background: none;
  border-radius: 0.25rem;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  cursor: default;
  position: relative;
  width: 24px;
  height: 24px;
}
.btn-close.fix {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1000;
}
.btn-close .close-line {
  width: 2px;
  height: 33px;
  background-color: orangered;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.btn-close .close-line:nth-child(1) {
  transform: rotate(45deg);
}
.btn-close .close-line:nth-child(2) {
  width: 2px;
  height: 2px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-close .close-line:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 1;
}

.section-products {
  background: #000;
  padding: 10rem 3rem;
}
@media (max-width: 756px) {
  .section-products {
    padding: 5rem 0 1rem 0;
  }
}
.section-products .container-fluid .row-content {
  overflow: visible;
}
.section-products .container-fluid .row-content.embla {
  position: relative;
}
.section-products .container-fluid .row-content .embla__viewport {
  overflow: visible;
  cursor: grab;
  touch-action: pan-y;
  width: 100%;
}
.section-products .container-fluid .row-content .embla__container {
  display: flex;
  gap: 1rem;
  will-change: transform;
  touch-action: pan-y pinch-zoom;
  padding: 0 8rem;
}
.section-products .container-fluid .row-content .embla-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 0 0 calc((100% - 3rem) / 4);
  color: #fff;
  align-items: center;
  min-height: 520px;
  overflow: visible;
  padding: 2rem 0;
  -webkit-user-select: none;
}
.section-products .container-fluid .row-content .embla-item .glow-frame {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  will-change: filter;
  transform: translateZ(0);
  transition: filter 0.6s ease-out;
}
.section-products .container-fluid .row-content .embla-item .glow-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}
.section-products .container-fluid .row-content .embla-item .glow-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
  transition: filter 0.6s ease-out;
  will-change: filter;
  transform: translateZ(0);
}
.section-products .container-fluid .row-content .embla-item:hover .glow-frame {
  filter: drop-shadow(0 0 21px rgba(33, 177, 255, 0.85));
}
.section-products .container-fluid .row-content .embla-item .embla_header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 6rem 0;
  z-index: 1;
  background: none;
}
.section-products .container-fluid .row-content .embla-item .embla_header .background {
  position: absolute;
  inset: 2px;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
  background: radial-gradient(circle at right top, rgb(38, 38, 38) 0%, rgb(0, 0, 0) 90%);
}
.section-products .container-fluid .row-content .embla-item .embla_header .background .background-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.section-products .container-fluid .row-content .embla-item .embla_header .image {
  position: absolute;
  top: -8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 756px) {
  .section-products .container-fluid .row-content .embla-item .embla_header .image {
    top: -5rem;
  }
}
.section-products .container-fluid .row-content .embla-item .embla_header .image img {
  display: block;
  width: 260px;
  height: auto;
  pointer-events: none;
  user-select: none;
}
.section-products .container-fluid .row-content .embla-item .embla_header .title {
  position: relative;
  z-index: 1;
  font-size: clamp(22px, 2.1vw, 28px);
  font-weight: 800;
  letter-spacing: 0.02em;
  margin: 2rem 0 2rem 0;
  font-family: "Chakra Petch";
}
.section-products .container-fluid .row-content .embla-item .embla_header .svg-row {
  display: flex;
  justify-content: center;
}
.section-products .container-fluid .row-content .embla-item .embla_header .svg-row .jump-row {
  display: flex;
}
.section-products .container-fluid .row-content .embla-item .embla_header .svg-row .jump-row svg path {
  fill: #21b1ff;
}
.section-products .container-fluid .row-content .embla-item .embla_header .jump-row svg {
  animation: jump 0.6s ease-in-out infinite;
}
.section-products .container-fluid .row-content .embla-item .embla_header .desc {
  position: relative;
  z-index: 1;
  max-width: 22ch;
  min-height: 6rem;
  color: #cfd6db;
}
.section-products .container-fluid .row-content .embla-item .embla_header .desc p {
  font-size: 16px !important;
  font-family: "Chakra Petch";
}
.section-products .container-fluid .row-content .embla-item .obtaining-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: -10rem;
  z-index: 1;
}
.section-products .container-fluid .row-content .embla-item .obtaining-box .obtaining-header {
  font-weight: 700;
  font-size: 18px;
  color: #21b1ff;
  margin-top: 1rem;
}
.section-products .container-fluid .row-content .embla-item .obtaining-box span {
  display: block;
  font-size: 15px;
  line-height: 1.55;
  color: #e6e6e6;
  font-family: "Chakra Petch";
}
.section-products .container-fluid .row-content .embla-item .price {
  font-weight: 900;
  font-size: 22px;
  color: #21b1ff;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: auto;
  z-index: 1;
  font-family: "Chakra Petch";
}
.section-products .container-fluid .row-content .embla-item .players {
  transform: skew(-22deg);
  z-index: 5;
  background: white;
}
.section-products .container-fluid .row-content .embla-item .players input {
  height: 30px;
  width: 200px;
  border: none;
  background: transparent;
  color: #8d8d8d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  transform: skew(22deg);
  z-index: 1;
  text-align: center;
}
.section-products .container-fluid .row-content .embla-item .players :focus-visible {
  outline: none;
}
.section-products .container-fluid .row-content .embla-item:nth-child(1) .glow-frame::before {
  background: #F2411C;
}
.section-products .container-fluid .row-content .embla-item:nth-child(1):hover .glow-frame {
  filter: drop-shadow(0 0 21px rgba(242, 65, 28, 0.9));
}
.section-products .container-fluid .row-content .embla-item:nth-child(1):hover .glow-frame::after {
  box-shadow: 0 0 0 2px #F2411C inset;
}
.section-products .container-fluid .row-content .embla-item:nth-child(1) .embla_header .svg-row .jump-row svg path {
  fill: #F2411C;
}
.section-products .container-fluid .row-content .embla-item:nth-child(1) .obtaining-box .obtaining-header {
  color: #F2411C;
}
.section-products .container-fluid .row-content .embla-item:nth-child(1) .price {
  color: #F2411C;
}
.section-products .container-fluid .row-content .embla-item:nth-child(2) .glow-frame::before {
  background: #60b200;
}
.section-products .container-fluid .row-content .embla-item:nth-child(2):hover .glow-frame {
  filter: drop-shadow(0 0 21px rgba(96, 178, 0, 0.9));
}
.section-products .container-fluid .row-content .embla-item:nth-child(2):hover .glow-frame::after {
  box-shadow: 0 0 0 2px #60b200 inset;
}
.section-products .container-fluid .row-content .embla-item:nth-child(2) .embla_header .svg-row .jump-row svg path {
  fill: #60b200;
}
.section-products .container-fluid .row-content .embla-item:nth-child(2) .obtaining-box .obtaining-header {
  color: #60b200;
}
.section-products .container-fluid .row-content .embla-item:nth-child(2) .price {
  color: #60b200;
}
.section-products .container-fluid .row-content .embla-item:nth-child(3) .glow-frame::before {
  background: #da0f0f;
}
.section-products .container-fluid .row-content .embla-item:nth-child(3):hover .glow-frame {
  filter: drop-shadow(0 0 21px rgb(218, 15, 15));
}
.section-products .container-fluid .row-content .embla-item:nth-child(3):hover .glow-frame::after {
  box-shadow: 0 0 0 2px #da0f0f inset;
}
.section-products .container-fluid .row-content .embla-item:nth-child(3) .embla_header .svg-row .jump-row svg path {
  fill: #da0f0f;
}
.section-products .container-fluid .row-content .embla-item:nth-child(3) .obtaining-box .obtaining-header {
  color: #da0f0f;
}
.section-products .container-fluid .row-content .embla-item:nth-child(3) .price {
  color: #da0f0f;
}
.section-products .container-fluid .row-content .embla-item:nth-child(4) .glow-frame::before {
  background: #21b1ff;
}
.section-products .container-fluid .row-content .embla-item:nth-child(4):hover .glow-frame {
  filter: drop-shadow(0 0 21px rgba(33, 177, 255, 0.85));
}
.section-products .container-fluid .row-content .embla-item:nth-child(4):hover .glow-frame::after {
  box-shadow: 0 0 0 2px #21b1ff inset;
}
.section-products .container-fluid .row-content .embla-item:nth-child(4) .embla_header .svg-row .jump-row svg path {
  fill: #21b1ff;
}
.section-products .container-fluid .row-content .embla-item:nth-child(4) .obtaining-box .obtaining-header {
  color: #21b1ff;
}
.section-products .container-fluid .row-content .embla-item:nth-child(4) .price {
  color: #21b1ff;
}
@media (max-width: 1500px) {
  .section-products .container-fluid .row-content .embla__container {
    padding: 0;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item {
    flex: 0 0 calc((100% - 2rem) / 3);
  }
}
@media (max-width: 1100px) {
  .section-products .container-fluid .row-content .embla__container {
    padding: 0;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item {
    flex: 0 0 calc((100% - 5rem) / 2);
  }
}
@media (max-width: 700px) {
  .section-products .container-fluid .row-content .embla__container {
    padding: 0;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item {
    flex: 0 0 calc((100% - 8rem) / 1);
  }
  .section-products .container-fluid .row-content .embla__container .embla-item .embla_header {
    padding: 4rem 0;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item .embla_header .image img {
    width: 195px;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item .obtaining-box {
    margin-top: -8rem;
  }
}
@media (max-width: 500px) {
  .section-products .container-fluid .row-content .embla__container {
    padding: 0;
  }
  .section-products .container-fluid .row-content .embla__container .embla-item {
    flex: 0 0 calc((100% - 2rem) / 1);
  }
}

.newsletter-slider {
  overflow: hidden;
}
.newsletter-slider.slide-outpost .testimonial-box .svg-dot svg path {
  fill: #60b200 !important;
}
.newsletter-slider.slide-outpost .testimonial-box .author-name {
  color: #60b200 !important;
}
.newsletter-slider.slide-outpost .newsletter-box {
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%) !important;
}
.newsletter-slider.slide-outpost .newsletter-box .newsletter-header svg path {
  fill: #60b200 !important;
}
.newsletter-slider.slide-outpost .newsletter-box .newsletter-form input {
  border: 1px solid #60b200 !important;
}
.newsletter-slider.slide-outpost .newsletter-box .newsletter-form .akce-button .swipe-button-orange {
  background: #4a8e00;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.newsletter-slider.slide-outpost .newsletter-box .newsletter-form .akce-button .swipe-button-orange::before {
  background: #60B200;
}
.newsletter-slider .newsletter-wrapper {
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media (max-width: 1250px) {
  .newsletter-slider .newsletter-wrapper {
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .newsletter-slider .newsletter-wrapper {
    flex-direction: column;
  }
}
.newsletter-slider .newsletter-wrapper .testimonial-box {
  flex: 0 0 45%;
  max-width: 45%;
  box-sizing: border-box;
  background: linear-gradient(to right, #111, #222);
  padding: 2rem;
  color: white;
  position: relative;
  -webkit-user-select: none;
}
@media (max-width: 992px) {
  .newsletter-slider .newsletter-wrapper .testimonial-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper {
  width: 100%;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__viewport {
  overflow: hidden;
  width: 100%;
  will-change: transform;
  contain: content;
  touch-action: pan-y;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__container {
  display: flex;
  backface-visibility: hidden;
  will-change: transform;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__slide {
  flex: 0 0 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  user-select: none;
  cursor: grab;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__slide p {
  font-size: 1rem;
  color: #ccc;
  margin-bottom: 1rem;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__slide .author-name {
  font-weight: bold;
  color: #F2411C;
  margin-bottom: 0.2rem;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .embla.testimonial-swiper .testimonial__slide .author-role {
  font-size: 0.9rem;
  color: #999;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .testimonial__dots {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .testimonial__dots .svg-dot {
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.4;
  transition: all 0.3s ease;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .testimonial__dots .svg-dot svg path {
  fill: #aaa;
  transition: fill 0.3s ease;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .testimonial__dots .svg-dot.active {
  opacity: 1;
}
.newsletter-slider .newsletter-wrapper .testimonial-box .testimonial__dots .svg-dot.active svg path {
  fill: #F2411C;
}
.newsletter-slider .newsletter-wrapper .newsletter-box {
  flex: 0 0 55%;
  max-width: 55%;
  box-sizing: border-box;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  position: relative;
  background: #000000;
  background: linear-gradient(45deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
@media (max-width: 992px) {
  .newsletter-slider .newsletter-wrapper .newsletter-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  z-index: 2;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content p {
  max-width: 100%;
}
@media (min-width: 768px) {
  .newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content p {
    max-width: 50%;
  }
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  color: #fff;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-header .newsletter-title {
  font-size: 25px;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-header svg {
  width: 20px;
  height: 20px;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content p {
  font-size: 1rem;
  color: #ccc;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-form {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  justify-content: space-between;
}
@media (max-width: 970px) {
  .newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-form input {
  padding: 0.6rem 1rem;
  border: 1px solid #F2411C;
  background: transparent;
  color: #fff;
  border-radius: 4px;
  max-width: 300px;
}
.newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-form input::placeholder {
  color: #aaa;
}
@media (max-width: 968px) {
  .newsletter-slider .newsletter-wrapper .newsletter-box .newsletter-content .newsletter-form .akce-button {
    align-self: end;
  }
}
.newsletter-slider .newsletter-wrapper .newsletter-image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 40%;
  z-index: 1;
}
.newsletter-slider .newsletter-wrapper .newsletter-image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .newsletter-slider .testimonial__container {
    will-change: auto;
  }
}
@media (max-width: 580px) {
  .container {
    display: block;
  }
}
@media (max-width: 420px) {
  .newsletter-title {
    font-size: 21px !important;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

h1, .like-h1 {
  color: white !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Chakra Petch";
  font-size: 48px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  h1, .like-h1 {
    /* DESKTOP/H1 HEADLINE */
    font-size: 75px !important;
    line-height: 80px; /* 106.667% */
  }
}

h2, .like-h2 {
  color: white !important;
  /* MOBILE/H2 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 44px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 109.091% */
}
h2.clamp, .like-h2.clamp {
  font-size: clamp(44px, 5vw, 70px) !important;
  line-height: clamp(48px, 5.5vw, 75px);
}
@media (min-width: 756px) {
  h2, .like-h2 {
    font-size: 70px !important;
    line-height: 75px; /* 107.143% */
  }
}

h3, .like-h3 {
  color: white !important;
  /* DESKTOP/H3 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 50px;
  font-style: italic;
  font-weight: 700;
  line-height: 60px; /* 120% */
}

h4, .like-h4 {
  color: white;
  /* DESKTOP/H4 HEADLINE ITALIC */
  font-family: "Chakra Petch";
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px; /* 120% */
}

.button-text {
  color: white;
  /* MOBILE/BUTTON */
  font-family: "Chakra Petch";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}
@media (min-width: 756px) {
  .button-text {
    /* DESKTOP/BUTTON */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

.usp {
  color: white;
  /* MOBILE/USP */
  font-family: "Chakra Petch", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 110% */
}
@media (min-width: 756px) {
  .usp {
    /* DESKTOP/USP */
    font-size: 22px;
    line-height: 26px; /* 118.182% */
  }
}

.menu {
  color: white;
  /* MOBILE/MENU */
  font-family: "Chakra Petch", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
@media (min-width: 756px) {
  .menu {
    /* DESKTOP/MENU */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

p, .like-p {
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}

.note {
  color: white;
  /* MOBILE/Note */
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.5px;
}
@media (min-width: 756px) {
  .note {
    /* DESKTOP/Note */
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}

.striped-h1-strizov {
  color: orangered !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-strizov {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.striped-h1-outpost {
  color: #60b200 !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-outpost {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.cursor-glow {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
  filter: blur(1px);
  display: none;
}
@media (max-width: 756px) {
  .cursor-glow {
    display: none;
  }
}
.cursor-glow.moving {
  filter: blur(4px);
  width: 52px;
  height: 52px;
}
.cursor-glow.no-pulse {
  opacity: 0;
}

.green-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(96, 255, 96, 0.9) 8%, rgba(96, 178, 0, 0.7) 24%, rgba(96, 178, 0, 0.3) 60%, rgba(96, 178, 0, 0.12) 80%, rgba(96, 178, 0, 0) 100%);
}

.orange-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(255, 180, 50, 0.95) 8%, rgba(255, 140, 0, 0.7) 24%, rgba(255, 110, 0, 0.3) 60%, rgba(255, 110, 0, 0.12) 80%, rgba(255, 110, 0, 0) 100%);
}

.dot-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(172, 94, 227, 0.95) 8%, rgba(172, 94, 227, 0.7) 24%, rgba(172, 94, 227, 0.3) 60%, rgba(172, 94, 227, 0.12) 80%, rgba(172, 94, 227, 0) 100%);
}

.bottom-right-gradient-green {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%);
}
.bottom-right-gradient-orange {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
.bottom-right-gradient-orange-strizov {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 20%, rgb(110, 29, 12) 100%);
}

/* ----------- ANIMATIONS -------------- */
@keyframes flashWhite {
  0%, 15%, 100% {
    fill: currentColor;
  }
  5% {
    fill: white;
  }
}
@keyframes flicker {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-3px);
  }
  20% {
    transform: translateX(-1px) translateY(-3px);
  }
  35% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-3px) translateY(-2px);
  }
  65% {
    transform: translateX(0) translateY(0);
  }
  80% {
    transform: translateX(-2px) translateY(-2px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sway {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(16px, -9px) rotate(-4deg);
  }
  40% {
    transform: translate(2px, -25px) rotate(0deg);
  }
  55% {
    transform: translate(-6px, 5px) rotate(12deg);
  }
  75% {
    transform: translate(8px, 8px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes translateUp {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.translate-delay-1 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
}

.translate-delay-2 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

.translate-delay-3 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.translate-delay-4 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.translate-delay-5 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

.translate-delay-6 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.translate-delay-7 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.translate-delay-8 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.translate-delay-9 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.translate-delay-10 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

/* ----------- Carousels -------------- */
.show-all.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 0.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.show-all.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 1);
  }
}
@media (min-width: 1200px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.show-all.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 1.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.show-all.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.show-all.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.show-all.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.show-all.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.show-all.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 4);
  }
}
@media (min-width: 1200px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.show-all.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 4.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.show-all.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}

.show-3 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}

.show-4 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 4);
  }
}

.warning {
  color: red;
}

.btn-close {
  box-sizing: content-box;
  padding: 0.25em;
  color: #fff;
  border: 0;
  background: none;
  border-radius: 0.25rem;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  cursor: default;
  position: relative;
  width: 24px;
  height: 24px;
}
.btn-close.fix {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1000;
}
.btn-close .close-line {
  width: 2px;
  height: 33px;
  background-color: orangered;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.btn-close .close-line:nth-child(1) {
  transform: rotate(45deg);
}
.btn-close .close-line:nth-child(2) {
  width: 2px;
  height: 2px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-close .close-line:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 1;
}

.vybava {
  padding: 2rem 0;
}
@media (min-width: 756px) {
  .vybava {
    padding: 5rem 0;
  }
}
.vybava .vybava-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.vybava .vybava-container .header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.vybava .vybava-container .header .cat-switch .nav-pills {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vybava .vybava-container .header .cat-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 0.5rem;
}
.vybava .vybava-container .category-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  justify-content: center;
}
.vybava .vybava-container .category-items .item {
  gap: 1rem;
  width: fit-content;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.4s ease;
  transform: translateY(-20px);
  opacity: 0;
}
.vybava .vybava-container .category-items .item.show {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  transform: translateY(0);
  opacity: 1;
}
.vybava .vybava-container .category-items .item.show .item-param {
  transform: translateY(0px);
  opacity: 1;
}
.vybava .vybava-container .category-items .item .cat-desc {
  width: 100%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .cat-desc {
    width: 100%;
    height: fit-content;
    max-width: 64vw;
    max-height: 64vw;
  }
}
.vybava .vybava-container .category-items .item .cat-desc p {
  color: white;
  text-align: center;
}
.vybava .vybava-container .category-items .item .item-image {
  object-fit: cover;
  overflow: hidden;
}
.vybava .vybava-container .category-items .item .item-image img {
  width: 100%;
  height: 74vh;
  object-fit: cover;
  clip-path: polygon(100px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-image img {
    clip-path: polygon(200px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 200px);
  }
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-image img {
    width: 100%;
    height: 100%;
    max-width: 64vw;
    max-height: 64vw;
  }
}
.vybava .vybava-container .category-items .item .item-param {
  display: block;
  position: absolute;
  border: solid 2px grey;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: black;
  cursor: default;
  filter: brightness(44%);
  transform: translateY(-20px);
  opacity: 0;
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 35px);
  }
}
.vybava .vybava-container .category-items .item .item-param::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  z-index: -10;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param::after {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 35px);
  }
}
.vybava .vybava-container .category-items .item .item-param::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: darkgrey;
  z-index: -60;
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param::before {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 35px);
  }
}
.vybava .vybava-container .category-items .item .item-param.active {
  filter: brightness(110%);
  cursor: pointer;
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param.active {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 35px);
  }
}
.vybava .vybava-container .category-items .item .item-param.active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  z-index: -10;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param.active::after {
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 35px);
  }
}
.vybava .vybava-container .category-items .item .item-param.active::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: #F2411C;
  z-index: -60;
  clip-path: inherit;
  border: 2px solid #F2411C;
  filter: drop-shadow(0 0 2px #F2411C) drop-shadow(0 0 6px #F2411C) drop-shadow(0 0 14px #F2411C);
}
.vybava .vybava-container .category-items .item .item-param.active:hover::after {
  background-color: orangered;
}
.vybava .vybava-container .category-items .item .item-param.active:hover svg {
  transform: rotate(360deg);
}
.vybava .vybava-container .category-items .item .item-param.active:hover svg g, .vybava .vybava-container .category-items .item .item-param.active:hover svg polygon {
  fill: black;
}
.vybava .vybava-container .category-items .item .item-param:not(.active) svg g, .vybava .vybava-container .category-items .item .item-param:not(.active) svg polygon {
  fill: grey;
}
.vybava .vybava-container .category-items .item .item-param:nth-child(3) {
  bottom: 65%;
  left: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(3) {
    bottom: 32%;
    left: 5%;
    right: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(4) {
  bottom: 45%;
  left: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(4) {
    bottom: 32%;
    right: 5%;
    left: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(5) {
  bottom: 25%;
  left: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(5) {
    bottom: 5%;
    left: 5%;
    right: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(6) {
  bottom: 5%;
  left: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(6) {
    bottom: 5%;
    left: 20%;
    right: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(7) {
  bottom: 45%;
  right: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(7) {
    bottom: 5%;
    left: 35%;
    right: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(8) {
  bottom: 25%;
  right: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(8) {
    bottom: 5%;
    right: 20%;
    left: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(9) {
  bottom: 5%;
  right: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(9) {
    bottom: 5%;
    right: 5%;
    left: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param:nth-child(10) {
  bottom: 65%;
  right: 5%;
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param:nth-child(10) {
    bottom: 5%;
    left: 52%;
    right: auto;
  }
}
.vybava .vybava-container .category-items .item .item-param img {
  height: auto;
  width: 100%;
  max-height: 20vh;
  max-width: 20vw;
  aspect-ratio: 1/1;
  object-fit: cover;
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 25px);
}
@media (min-width: 756px) {
  .vybava .vybava-container .category-items .item .item-param img {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 50px);
    height: auto;
    width: 100%;
    max-height: 12vh;
    max-width: 12vw;
  }
}
.vybava .vybava-container .category-items .item .item-param svg {
  position: absolute;
  height: 22px;
  width: 22px;
  right: 8%;
  top: 8%;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.vybava .vybava-container .category-items .item .item-param svg g, .vybava .vybava-container .category-items .item .item-param svg polygon {
  fill: orangered;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.container-fluid-galerie .gallery-2x3 {
  display: grid;
  gap: 1rem;
}
.container-fluid-galerie .gallery-2x3 .gallery-row {
  display: grid;
  gap: 1rem;
}
.container-fluid-galerie .gallery-2x3 .gallery-row.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.container-fluid-galerie .gallery-2x3 .gallery-row.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.container-fluid-galerie .gallery-2x3 .gallery-row img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
}
.container-fluid-galerie .gallery-2x3 .gallery-row img[data-style="1"] {
  aspect-ratio: 16/9;
}
.container-fluid-galerie .gallery-2x3 .gallery-row img[data-style="2"] {
  aspect-ratio: 1/1;
}
@media (max-width: 768px) {
  .container-fluid-galerie .gallery-2x3 .gallery-row {
    padding: 0.5rem;
  }
  .container-fluid-galerie .gallery-2x3 .gallery-row.cols-2, .container-fluid-galerie .gallery-2x3 .gallery-row.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .container-fluid-galerie .gallery-2x3 .gallery-row.cols-2, .container-fluid-galerie .gallery-2x3 .gallery-row.cols-3 {
    grid-template-columns: 1fr;
  }
}

.container-fluid-mrizka .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 2rem;
}
@media (max-width: 1024px) {
  .container-fluid-mrizka .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2rem 2rem;
  }
}
@media (max-width: 640px) {
  .container-fluid-mrizka .container {
    grid-template-columns: 1fr;
  }
}
.container-fluid-mrizka .container .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  color: #fff;
  text-align: center;
}
.container-fluid-mrizka .container .item img {
  width: 100%;
  height: auto;
  display: block;
}
.container-fluid-mrizka .container .item p {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.3;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.blog-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.blog-section .container {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding-top: 2rem;
}
.blog-section .container .row .blog-item .blog-item-content .image-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .title {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc(2 * 1.2em);
  line-clamp: 2;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .image .blog-glow-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  transition: filter 0.6s ease-out;
  filter: drop-shadow(0 0 8px #60B200);
  aspect-ratio: 1/1;
  overflow: visible;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .image .blog-glow-frame:hover {
  filter: drop-shadow(0 0 16px #60B200);
}
.blog-section .container .row .blog-item .blog-item-content .image-item .image .blog-glow-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #60B200;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  filter: drop-shadow(0 0 8px #60B200);
  transition: filter 0.6s ease-out;
  will-change: filter;
  transform: translateZ(0);
  z-index: 1;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .image .blog-glow-frame img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  pointer-events: none;
  display: block;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .date {
  color: #60B200 !important;
  font-weight: 600;
}
.blog-section .container .row .blog-item .blog-item-content .image-item .swipe-button-green {
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

main {
  display: flex;
  align-items: stretch;
  margin-top: 20px !important;
}
main .content-section {
  padding-left: 5rem;
}
@media (max-width: 756px) {
  main .content-section {
    padding-left: 0;
  }
}
main .content-section .hero {
  padding: 0 10rem 0 2rem;
  height: 60vh;
}
@media (max-width: 756px) {
  main .content-section .hero {
    padding: 1rem;
  }
}
main .content-section .hero .hero-mask {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  main .content-section .hero .hero-mask {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
main .content-section article {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 0 10rem 0 2rem;
}
@media (max-width: 756px) {
  main .content-section article {
    padding: 1rem;
    padding-inline: 1rem;
  }
}
main .content-section article h1 {
  margin-block: 0;
}
@media (max-width: 756px) {
  main .content-section article h1 {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0;
    text-align: center;
  }
}
main .content-section article .event-datetime {
  color: #dcdcdc;
}
main .content-section article ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
main .content-section article ul li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}
main .content-section article ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  width: 0;
  height: 0;
  border-left: 10px solid #60B200;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
main .content-section article p {
  color: #fff;
}
main .content-section article .container-fluid-mapa {
  width: 100%;
}
main .content-section article .container-fluid-mapa .mask-mapa {
  position: relative;
  overflow: hidden;
  width: 100%;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  main .content-section article .container-fluid-mapa .mask-mapa {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
main .content-section article .container-fluid-mapa .mask-mapa .googlemap {
  width: 100%;
  height: 50dvh;
  position: relative;
}
main .content-section article .container-fluid-mapa .akce-button {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}
main .content-section article .container-fluid-galerie {
  padding: 2rem 0;
}
main .content-section article .container-fluid-galerie .gallery-row {
  display: grid;
  gap: 1rem;
}
main .content-section article .container-fluid-galerie .gallery-row.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
main .content-section article .container-fluid-galerie .gallery-row img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  main .content-section article .container-fluid-galerie .gallery-row.cols-2 {
    grid-template-columns: 1fr;
  }
}
main .sidebar {
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  main .sidebar {
    position: static;
    top: auto;
    margin-top: 2rem;
  }
}
main .sidebar .blog {
  width: 100%;
  overflow: visible;
  position: sticky;
  top: 120px;
}
main .sidebar .blog.orange .blog-date {
  color: #f2411c !important;
}
main .sidebar .blog.orange .swipe-button-orange {
  background-color: #f2411c;
}
main .sidebar .blog .blog-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
main .sidebar .blog .blog-container .blog-carousel {
  width: 100%;
  height: fit-content;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 3rem;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1rem;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .title {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: calc(3 * 1.2em);
  line-clamp: 3;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  transition: filter 0.6s ease-out;
  filter: drop-shadow(0 0 8px #F2411C);
  aspect-ratio: 1/1;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame:hover {
  filter: drop-shadow(0 0 16px #F2411C);
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F2411C;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  filter: drop-shadow(0 0 8px #F2411C);
  transition: filter 0.6s ease-out;
  z-index: 1;
  will-change: filter;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  pointer-events: none;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-date {
  margin: 0;
  font-size: 1rem;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .blog-button {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}
main .sidebar .blog .blog-container .blog-carousel .blog-row .blog-item .swipe-button-green {
  background: #4a8e00;
  transition: background 0.3s ease-out;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.blog {
  width: 100%;
  overflow: hidden;
}
.blog.green .blog-glow-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  filter: drop-shadow(0 0 8px #60ff00) !important;
  transition: filter 0.6s ease-out;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.blog.green .blog-glow-frame:hover {
  filter: drop-shadow(0 0 16px #60ff00) !important;
}
.blog.green .blog-glow-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #60b200 !important;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  z-index: 1;
}
.blog.green .blog-glow-frame img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  pointer-events: none;
}
.blog.orange .blog-date {
  color: #f2411c !important;
}
.blog.orange .swipe-button-orange {
  background-color: #f2411c;
}
@media (max-width: 756px) {
  .blog {
    height: fit-content;
  }
}
.blog .blog-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.blog .blog-container .blog-carousel {
  width: 100%;
  overflow: visible;
  height: fit-content;
}
.blog .blog-container .blog-carousel .blog-row {
  display: flex;
  gap: 2rem;
  flex-direction: row;
  padding-bottom: 3rem;
}
.blog .blog-container .blog-carousel .blog-row .blog-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1rem;
  box-sizing: border-box;
  height: fit-content !important;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .title {
  min-height: 4rem;
  color: white;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc(2 * 1.2em);
  line-clamp: 2;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  transition: filter 0.6s ease-out;
  filter: drop-shadow(0 0 8px #F2411C);
  aspect-ratio: 1/1;
  overflow: visible;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame:hover {
  filter: drop-shadow(0 0 16px #F2411C);
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F2411C;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  filter: drop-shadow(0 0 8px #F2411C);
  transition: filter 0.6s ease-out;
  will-change: filter;
  transform: translateZ(0);
  z-index: 1;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-glow-frame img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  pointer-events: none;
}
.blog .blog-container .blog-carousel .blog-row .blog-item h3 {
  margin: 0;
  font-size: 1.25rem;
  padding-top: 3rem;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-date {
  margin: 0;
  color: #60B200;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-button .swipe-button-green {
  background: #4a8e00;
  transition: background 0.3s ease-out;
}
.blog .blog-container .blog-carousel .blog-row .blog-item .blog-button span {
  display: inline-block;
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

h1, .like-h1 {
  color: white !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Chakra Petch";
  font-size: 48px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  h1, .like-h1 {
    /* DESKTOP/H1 HEADLINE */
    font-size: 75px !important;
    line-height: 80px; /* 106.667% */
  }
}

h2, .like-h2 {
  color: white !important;
  /* MOBILE/H2 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 44px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 109.091% */
}
h2.clamp, .like-h2.clamp {
  font-size: clamp(44px, 5vw, 70px) !important;
  line-height: clamp(48px, 5.5vw, 75px);
}
@media (min-width: 756px) {
  h2, .like-h2 {
    font-size: 70px !important;
    line-height: 75px; /* 107.143% */
  }
}

h3, .like-h3 {
  color: white !important;
  /* DESKTOP/H3 HEADLINE MEDIUM */
  font-family: "Chakra Petch";
  font-size: 50px;
  font-style: italic;
  font-weight: 700;
  line-height: 60px; /* 120% */
}

h4, .like-h4 {
  color: white;
  /* DESKTOP/H4 HEADLINE ITALIC */
  font-family: "Chakra Petch";
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px; /* 120% */
}

.button-text {
  color: white;
  /* MOBILE/BUTTON */
  font-family: "Chakra Petch";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}
@media (min-width: 756px) {
  .button-text {
    /* DESKTOP/BUTTON */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

.usp {
  color: white;
  /* MOBILE/USP */
  font-family: "Chakra Petch", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 110% */
}
@media (min-width: 756px) {
  .usp {
    /* DESKTOP/USP */
    font-size: 22px;
    line-height: 26px; /* 118.182% */
  }
}

.menu {
  color: white;
  /* MOBILE/MENU */
  font-family: "Chakra Petch", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
@media (min-width: 756px) {
  .menu {
    /* DESKTOP/MENU */
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}

p, .like-p {
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}

.note {
  color: white;
  /* MOBILE/Note */
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.5px;
}
@media (min-width: 756px) {
  .note {
    /* DESKTOP/Note */
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}

.striped-h1-strizov {
  color: orangered !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-strizov {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.striped-h1-outpost {
  color: #60b200 !important;
  /* MOBILE/H1 HEADLINE */
  font-family: "Rockeby Cd Ht It";
  font-size: 48px !important;
  font-weight: 900;
  font-style: italic;
  line-height: 52px; /* 108.333% */
}
@media (min-width: 756px) {
  .striped-h1-outpost {
    /* DESKTOP/H1 HEADLINE */
    font-size: 150px !important;
    line-height: 80px; /* 106.667% */
  }
}

.cursor-glow {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
  filter: blur(1px);
  display: none;
}
@media (max-width: 756px) {
  .cursor-glow {
    display: none;
  }
}
.cursor-glow.moving {
  filter: blur(4px);
  width: 52px;
  height: 52px;
}
.cursor-glow.no-pulse {
  opacity: 0;
}

.green-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(96, 255, 96, 0.9) 8%, rgba(96, 178, 0, 0.7) 24%, rgba(96, 178, 0, 0.3) 60%, rgba(96, 178, 0, 0.12) 80%, rgba(96, 178, 0, 0) 100%);
}

.orange-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(255, 180, 50, 0.95) 8%, rgba(255, 140, 0, 0.7) 24%, rgba(255, 110, 0, 0.3) 60%, rgba(255, 110, 0, 0.12) 80%, rgba(255, 110, 0, 0) 100%);
}

.dot-glow {
  background: radial-gradient(circle at center, rgb(255, 255, 255) 0%, rgba(172, 94, 227, 0.95) 8%, rgba(172, 94, 227, 0.7) 24%, rgba(172, 94, 227, 0.3) 60%, rgba(172, 94, 227, 0.12) 80%, rgba(172, 94, 227, 0) 100%);
}

.bottom-right-gradient-green {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(29, 110, 12) 100%);
}
.bottom-right-gradient-orange {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 40%, rgb(110, 29, 12) 100%);
}
.bottom-right-gradient-orange-strizov {
  background: #000000;
  background: linear-gradient(130deg, rgb(0, 0, 0) 20%, rgb(110, 29, 12) 100%);
}

/* ----------- ANIMATIONS -------------- */
@keyframes flashWhite {
  0%, 15%, 100% {
    fill: currentColor;
  }
  5% {
    fill: white;
  }
}
@keyframes flicker {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-3px);
  }
  20% {
    transform: translateX(-1px) translateY(-3px);
  }
  35% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(-3px) translateY(-2px);
  }
  65% {
    transform: translateX(0) translateY(0);
  }
  80% {
    transform: translateX(-2px) translateY(-2px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sway {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(16px, -9px) rotate(-4deg);
  }
  40% {
    transform: translate(2px, -25px) rotate(0deg);
  }
  55% {
    transform: translate(-6px, 5px) rotate(12deg);
  }
  75% {
    transform: translate(8px, 8px) rotate(-1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes translateUp {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.translate-delay-1 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
  opacity: 0;
}

.translate-delay-2 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

.translate-delay-3 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.translate-delay-4 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.translate-delay-5 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

.translate-delay-6 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.translate-delay-7 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.translate-delay-8 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.translate-delay-9 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.translate-delay-10 {
  animation: translateUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

/* ----------- Carousels -------------- */
.show-all.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 0.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 1);
  }
}
.show-all.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 1);
  }
}
@media (min-width: 1200px) {
  .show-all.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
.show-all.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 1.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.show-all.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-all.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 4);
  }
}
.show-all.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 5);
  }
}
.show-all.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-all.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 6);
  }
}
.show-all.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 7);
  }
}
.show-all.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 4);
  }
}
@media (min-width: 1200px) {
  .show-all.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 8);
  }
}
.show-all.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 4.5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 9);
  }
}
.show-all.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 5);
  }
}
@media (min-width: 1200px) {
  .show-all.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 10);
  }
}

.show-3 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .show-3 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}

.show-4 .embla__slide {
  flex: 0 0 calc((100% - 25px) / 1);
}
@media (min-width: 768px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 3);
  }
}
@media (min-width: 1200px) {
  .show-4 .embla__slide {
    flex: 0 0 calc((100% - 25px) / 4);
  }
}

.warning {
  color: red;
}

.btn-close {
  box-sizing: content-box;
  padding: 0.25em;
  color: #fff;
  border: 0;
  background: none;
  border-radius: 0.25rem;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  cursor: default;
  position: relative;
  width: 24px;
  height: 24px;
}
.btn-close.fix {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1000;
}
.btn-close .close-line {
  width: 2px;
  height: 33px;
  background-color: orangered;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.btn-close .close-line:nth-child(1) {
  transform: rotate(45deg);
}
.btn-close .close-line:nth-child(2) {
  width: 2px;
  height: 2px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-close .close-line:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 1;
}

.kalendar-akci {
  padding: 12px 0;
  transition: all 0.3s ease-in-out;
}
.kalendar-akci .controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 32px 68px;
  align-items: center;
}
.kalendar-akci .controls .title {
  font-size: 18px;
  line-height: 22px;
  color: white;
  font-weight: 600;
}
.kalendar-akci .controls .location-filter {
  display: flex;
  transform: skew(-22deg);
  border: 1px solid #60B200;
  width: 296px;
  height: 46px;
  justify-content: center;
  align-items: center;
}
.kalendar-akci .controls .location-filter .location-text {
  transform: skew(22deg);
  font-size: 18px;
  line-height: 22px;
  color: #60B200;
  text-transform: uppercase;
  font-weight: 600;
}
.kalendar-akci .controls .location-filter .form-select {
  transform: skew(22deg);
  padding: 0;
  margin: 0 0 0 56px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: fit-content;
  overflow: visible;
  background: black url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right -22px center;
  background-size: 1em;
  color: white; /* text */
  background-color: black; /* pozadí selectu */
  border: none !important;
  border-radius: 6px;
}
@media (max-width: 756px) {
  .kalendar-akci .controls .location-filter .form-select {
    margin: 0 0 0 18px;
  }
}
.kalendar-akci .controls .game-filter {
  display: flex;
  transform: skew(-22deg);
  border: 1px solid #60B200;
  width: 296px;
  height: 46px;
  justify-content: center;
  align-items: center;
}
.kalendar-akci .controls .game-filter .game-text {
  transform: skew(22deg);
  font-size: 18px;
  line-height: 22px;
  color: #60B200;
  text-transform: uppercase;
  font-weight: 600;
}
.kalendar-akci .controls .game-filter .form-select {
  transform: skew(22deg);
  padding: 0;
  margin: 0 0 0 56px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: fit-content;
  overflow: visible;
  background: black url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right -22px center;
  background-size: 1em;
  color: white; /* text */
  background-color: black; /* pozadí selectu */
  border: none !important;
  border-radius: 6px;
}
@media (max-width: 756px) {
  .kalendar-akci .controls .game-filter .form-select {
    margin: 0 0 0 18px;
  }
}
.kalendar-akci .controls .view-toggle {
  display: flex;
  margin-left: auto;
  align-items: center;
}
@media (max-width: 756px) {
  .kalendar-akci .controls .view-toggle {
    display: none;
  }
}
.kalendar-akci .controls .view-toggle .view-text {
  font-size: 18px;
  line-height: 22px;
  color: white;
  margin-right: 12px;
  font-weight: 600;
}
.kalendar-akci .controls .view-toggle .btn-group button {
  border: none;
}
.kalendar-akci .controls .view-toggle .btn-group button.active svg path {
  transition: all 0.3s ease-in-out;
  fill: #60B200;
}
.kalendar-akci .events .event-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 0 10vw;
  /* List view */
}
@media (max-width: 756px) {
  .kalendar-akci .events .event-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.kalendar-akci .events .event-container .list-header {
  display: none;
}
.kalendar-akci .events .event-container .event-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.kalendar-akci .events .event-container .event-item.mission {
  border: 2px solid #F2411C;
  filter: drop-shadow(0 2px 8px #F2411C);
}
.kalendar-akci .events .event-container .event-item.mission .event-type .tag svg path {
  fill: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: stretch;
  grid-column: 1/-1;
}
.kalendar-akci .events .event-container .event-item-full .event-image {
  max-height: 65vh;
  background-color: #F2411C;
  padding: 2px;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container .event-item-full .event-image {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container .event-item-full .event-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F2411C;
  z-index: 1;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container .event-item-full .event-image::before {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container .event-item-full .event-image .mask-event {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background: #F2411C;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container .event-item-full .event-image .mask-event {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container .event-item-full .event-image .mask-event .event-content {
  position: absolute;
  top: 10%;
  right: 5%;
  left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 24px;
  z-index: 99;
  color: white;
  text-align: center;
}
.kalendar-akci .events .event-container .event-item-full .event-image .mask-event img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.kalendar-akci .events .event-container .event-item-full .event-image .mask-event video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  filter: brightness(60%);
}
.kalendar-akci .events .event-container .event-item-full .event-image .mask-event .overlay-obj {
  position: absolute;
  bottom: 0px;
  right: 20px;
  width: auto;
  height: 20%;
  display: none;
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container .event-item-full .event-image .mask-event .overlay-obj {
    width: auto;
    height: auto;
    display: block;
  }
}
.kalendar-akci .events .event-container .event-item-full .info-bar {
  display: grid;
  position: absolute;
  bottom: 10%;
  right: 0;
  left: 0;
  background-color: black;
  z-index: 99;
  justify-content: flex-start;
  align-items: center;
  border-left: 2px solid #F2411C;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1.5fr;
  gap: 12px;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-date {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-title {
  text-align: left;
  color: #F2411C;
  line-height: 1.2em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-type {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-type .tag {
  background: transparent;
  color: #F2411C;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  border: none;
  gap: 4px;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-type .tag:not(:first-child) {
  display: none;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-type .tag svg path {
  fill: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-location {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-info {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-info a {
  color: #F2411C;
  text-decoration: none;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-info a svg path {
  fill: #F2411C;
}
.kalendar-akci .events .event-container .event-item-full .info-bar .event-reservation {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-right: 8px;
}
.kalendar-akci .events .event-container .event-item .filter-overlay {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.kalendar-akci .events .event-container .event-item .event-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.kalendar-akci .events .event-container .event-item .event-date {
  text-align: center;
  color: white;
}
.kalendar-akci .events .event-container .event-item .event-title {
  text-align: center;
  color: white;
  line-height: 1.2em;
  height: 2.4em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kalendar-akci .events .event-container .event-item .event-type {
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.kalendar-akci .events .event-container .event-item .event-type .tag {
  background: transparent;
  color: #fff;
  border: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  gap: 4px;
  padding: 0;
}
.kalendar-akci .events .event-container .event-item .event-type .tag svg path {
  fill: #60B200;
}
.kalendar-akci .events .event-container .event-item .event-location {
  text-align: center;
  color: white;
}
.kalendar-akci .events .event-container .event-item .event-info {
  text-align: center;
  color: white;
}
.kalendar-akci .events .event-container .event-item .event-info a {
  color: white;
  text-decoration: none;
}
.kalendar-akci .events .event-container .event-item .event-reservation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 1rem;
}
.kalendar-akci .events .event-container-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0 68px;
}
@media (max-width: 756px) {
  .kalendar-akci .events .event-container-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.kalendar-akci .events .event-container-list .list-header {
  display: grid;
  grid-template-columns: 0.5fr 2fr 1fr 1fr 1fr 1.5fr;
  gap: 1rem;
  padding: 12px;
  color: white;
  text-align: left;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
}
.kalendar-akci .events .event-container-list .event-item {
  display: grid;
  grid-template-columns: 0.5fr 2fr 1fr 1fr 1fr 1.5fr;
  gap: 1rem;
  align-items: center;
  padding: 12px;
}
.kalendar-akci .events .event-container-list .event-item-full {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: stretch;
  grid-column: 1/-1;
}
.kalendar-akci .events .event-container-list .event-item-full .event-image {
  max-height: 65vh;
  background-color: #F2411C;
  padding: 2px;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container-list .event-item-full .event-image {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container-list .event-item-full .event-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F2411C;
  z-index: 1;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container-list .event-item-full .event-image::before {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background: #F2411C;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event .event-content {
  position: absolute;
  top: 10%;
  right: 5%;
  left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 24px;
  z-index: 99;
  color: white;
  text-align: center;
}
.kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  filter: brightness(60%);
}
.kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event .overlay-obj {
  position: absolute;
  bottom: 0px;
  right: 20px;
  width: auto;
  height: 20%;
  display: none;
}
@media (min-width: 756px) {
  .kalendar-akci .events .event-container-list .event-item-full .event-image .mask-event .overlay-obj {
    width: auto;
    height: auto;
    display: block;
  }
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar {
  display: grid;
  position: absolute;
  bottom: 10%;
  right: 0;
  left: 0;
  background-color: black;
  z-index: 99;
  justify-content: flex-start;
  align-items: center;
  border-left: 2px solid #F2411C;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1.5fr;
  gap: 12px;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-date {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-title {
  text-align: left;
  color: #F2411C;
  line-height: 1.2em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-type {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-type .tag {
  background: transparent;
  color: #F2411C;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  border: none;
  gap: 4px;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-type .tag:not(:first-child) {
  display: none;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-type .tag svg path {
  fill: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-location {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-info {
  text-align: center;
  color: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-info a {
  color: #F2411C;
  text-decoration: none;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-info a svg path {
  fill: #F2411C;
}
.kalendar-akci .events .event-container-list .event-item-full .info-bar .event-reservation {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-right: 8px;
}
.kalendar-akci .events .event-container-list .event-item .event-image {
  display: none;
}
.kalendar-akci .events .event-container-list .event-item .event-date {
  text-align: left;
  color: white;
}
.kalendar-akci .events .event-container-list .event-item .event-title {
  text-align: left;
  color: white;
  line-height: 1.2em;
  height: 2.4em;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kalendar-akci .events .event-container-list .event-item .event-type {
  text-align: left;
  color: white;
  display: flex;
  justify-content: start;
}
.kalendar-akci .events .event-container-list .event-item .event-type .tag {
  background: transparent;
  color: #fff;
  border: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  gap: 4px;
}
.kalendar-akci .events .event-container-list .event-item .event-type .tag svg path {
  fill: #60B200;
}
.kalendar-akci .events .event-container-list .event-item .event-location {
  text-align: left;
  color: white;
}
.kalendar-akci .events .event-container-list .event-item .event-info {
  text-align: left;
  color: white;
}
.kalendar-akci .events .event-container-list .event-item .event-info a {
  color: white;
  text-decoration: none;
}
.kalendar-akci .events .event-container-list .event-item .event-reservation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.akce {
  width: 100%;
  overflow: hidden;
  padding-top: 26px;
}
.akce.orange .border-frame {
  filter: drop-shadow(0 0 8px #f2411c) !important;
}
.akce.orange .border-frame:hover {
  filter: drop-shadow(0 0 16px #f2411c) !important;
}
.akce.orange .border-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #f2411c !important;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  z-index: 1;
}
.akce.orange .border-frame p {
  margin: 0;
  font-size: 1rem;
  color: #f2411c !important;
}
.akce.orange p {
  color: #f2411c !important;
}
.akce.orange .swipe-button-orange {
  background: #f2411c;
  transition: background 0.6s ease-out;
}
.akce.green .border-frame {
  filter: drop-shadow(0 0 8px #60ff00);
}
.akce.green .border-frame:hover {
  filter: drop-shadow(0 0 16px #60ff00);
}
.akce.green .border-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #60B200;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  z-index: 1;
}
.akce.green .border-frame p {
  margin: 0;
  font-size: 1rem;
  color: #60B200;
}
.akce.green .swipe-button-green {
  background: #4a8e00;
  transition: background 0.3s ease-out;
}
@media (max-width: 756px) {
  .akce {
    height: fit-content;
  }
}
.akce .akce-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.akce .akce-container .embla {
  width: 100%;
  overflow: visible;
  height: fit-content;
}
.akce .akce-container .embla .akce-row {
  display: flex;
  gap: 2rem;
  flex-direction: row;
}
.akce .akce-container .embla .akce-row.items-1 .embla__slide {
  flex: 0 0 calc((100% - 0 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-1 .embla__slide {
    flex: 0 0 calc((100% - 0 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-2 .embla__slide {
  flex: 0 0 calc((100% - 1 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-2 .embla__slide {
    flex: 0 0 calc((100% - 1 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-3 .embla__slide {
  flex: 0 0 calc((100% - 2 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-3 .embla__slide {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-4 .embla__slide {
  flex: 0 0 calc((100% - 3 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-4 .embla__slide {
    flex: 0 0 calc((100% - 3 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-5 .embla__slide {
  flex: 0 0 calc((100% - 4 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-5 .embla__slide {
    flex: 0 0 calc((100% - 4 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-6 .embla__slide {
  flex: 0 0 calc((100% - 5 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-6 .embla__slide {
    flex: 0 0 calc((100% - 5 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-7 .embla__slide {
  flex: 0 0 calc((100% - 6 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-7 .embla__slide {
    flex: 0 0 calc((100% - 6 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-8 .embla__slide {
  flex: 0 0 calc((100% - 7 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-8 .embla__slide {
    flex: 0 0 calc((100% - 7 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-9 .embla__slide {
  flex: 0 0 calc((100% - 8 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-9 .embla__slide {
    flex: 0 0 calc((100% - 8 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row.items-10 .embla__slide {
  flex: 0 0 calc((100% - 9 * 25px) / 1);
}
@media (min-width: 768px) {
  .akce .akce-container .embla .akce-row.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 2);
  }
}
@media (min-width: 1200px) {
  .akce .akce-container .embla .akce-row.items-10 .embla__slide {
    flex: 0 0 calc((100% - 9 * 25px) / 3);
  }
}
.akce .akce-container .embla .akce-row .akce-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1rem;
  box-sizing: border-box;
  align-items: stretch;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
  height: fit-content !important;
}
@media (max-width: 756px) {
  .akce .akce-container .embla .akce-row .akce-item {
    cursor: default;
  }
}
.akce .akce-container .embla .akce-row .akce-item .border-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  transition: ease-out 0.6s;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.akce .akce-container .embla .akce-row .akce-item .border-frame .border-overlay {
  position: absolute;
  display: block;
  flex-direction: column;
  inset: 0;
  backdrop-filter: blur(3px) brightness(50%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  opacity: 0;
  z-index: 99;
  transition: 0.6s ease-out;
}
.akce .akce-container .embla .akce-row .akce-item .border-frame .border-overlay .akce-button {
  height: 100%;
}
.akce .akce-container .embla .akce-row .akce-item .border-frame:hover .border-overlay {
  opacity: 1;
}
.akce .akce-container .embla .akce-row .akce-item .border-frame .overlay-text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 5rem !important;
}
@media (max-width: 394px) {
  .akce .akce-container .embla .akce-row .akce-item .border-frame .overlay-text {
    padding-top: 1rem !important;
  }
}
.akce .akce-container .embla .akce-row .akce-item .border-frame:hover {
  filter: drop-shadow(0 0 16px #60ff00);
}
.akce .akce-container .embla .akce-row .akce-item .border-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #60B200;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  z-index: 1;
}
.akce .akce-container .embla .akce-row .akce-item .border-frame img {
  position: relative;
  z-index: 2;
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
}
.akce .akce-container .embla .akce-row .akce-item h3 {
  font-size: 1.35rem;
  line-height: 30px;
}
.akce .akce-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.akce .akce-button span {
  display: inline-block;
}

.orange-button {
  background: #F2411C;
  transform: skew(-22deg);
  color: #000;
  padding: 10px 20px;
  transition: all 0.6s;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orange-button span {
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  transform: skew(22deg);
}
.orange-button:hover span {
  color: #fff;
}

.swipe-button-orange {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
}
.swipe-button-orange::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #F2411C;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-orange span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-orange:hover {
  color: #fff;
}
.swipe-button-orange:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.swipe-button-green {
  background: #000;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: fit-content;
  text-transform: uppercase;
  cursor: pointer;
  transform: skew(-22deg);
  text-decoration: none;
  color: #fff;
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: "Chakra Petch";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.swipe-button-green::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: 0;
  background: #60B200;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.swipe-button-green span {
  display: inline-block;
  transform: skew(22deg);
}
.swipe-button-green:hover {
  color: #fff;
}
.swipe-button-green:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.mise {
  width: 100%;
  overflow: hidden;
  padding-top: 26px;
}
@media (max-width: 756px) {
  .mise {
    height: fit-content;
  }
}
.mise .mise-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.mise .mise-container .embla.mise-swiper {
  width: 100%;
  overflow: visible;
  height: fit-content;
}
.mise .mise-container .embla.mise-swiper .embla__container.mise-row {
  display: flex;
  gap: 2rem;
  flex-direction: row;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1rem;
  box-sizing: border-box;
  height: fit-content !important;
}
@media (max-width: 756px) {
  .mise .mise-container .embla.mise-swiper .embla__slide.mise-item {
    max-width: 100%;
    width: 100%;
  }
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 2px;
  filter: drop-shadow(0 0 8px #60ff00);
  transition: ease-out 0.6s;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame .-mise-border-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  inset: 0;
  backdrop-filter: blur(3px) brightness(50%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  opacity: 0;
  z-index: 99;
  transition: 0.6s ease-out;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame:hover .-mise-border-overlay {
  opacity: 1;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame .-mise-overlay-text {
  display: flex;
  flex-direction: column;
  padding-top: 5rem !important;
}
@media (max-width: 394px) {
  .mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame .-mise-overlay-text {
    padding-top: 1rem !important;
  }
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame:hover {
  filter: drop-shadow(0 0 16px #60ff00);
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #60B200;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
  z-index: 1;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item .-mise-border-frame img {
  position: relative;
  z-index: 2;
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%, 0 15%);
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item h3 {
  line-height: 30px;
  font-size: 1.35rem;
}
.mise .mise-container .embla.mise-swiper .embla__slide.mise-item p {
  color: #60B200;
}
.mise .mise-container .akce-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.mise .mise-container .akce-button span {
  display: inline-block;
}
@media (max-width: 899px) {
  .mise .embla__slide.mise-item {
    width: 100%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .mise .embla__slide.mise-item {
    width: calc((100% - 2rem) / 2);
  }
}
@media (min-width: 1200px) {
  .mise .embla__slide.mise-item {
    width: calc((100% - 4rem) / 3);
  }
}

.container-fluid-mapa {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
.container-fluid-mapa .mask-mapa {
  position: relative;
  overflow: hidden;
  width: 100%;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
@media (min-width: 768px) {
  .container-fluid-mapa .mask-mapa {
    padding: 0 5rem;
  }
}
@media (min-width: 756px) {
  .container-fluid-mapa .mask-mapa {
    clip-path: polygon(150px 0, 100% 0, 100% calc(100% - 300px), calc(100% - 150px) 100%, 0 100%, 0 300px);
  }
}
.container-fluid-mapa .mask-mapa .googlemap {
  width: 100%;
  height: 50vh;
  position: relative;
}
.container-fluid-mapa .akce-button {
  display: flex;
  justify-content: center;
  padding: 2rem 0 2rem 0;
}

.interactive-map {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.interactive-map .imap-shadow {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.interactive-map .imap-shadow .interactive-map-cover {
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 150px), calc(100% - 80px) 100%, 0 100%, 0 150px);
}
.interactive-map .imap-shadow .interactive-map-cover svg {
  filter: none;
}
@media (min-width: 756px) {
  .interactive-map .imap-shadow .interactive-map-cover {
    clip-path: polygon(100px 0, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%, 0 100px);
  }
}
@media (min-width: 788px) {
  .interactive-map .imap-shadow .interactive-map-cover svg {
    width: 80vw !important;
    height: auto !important;
  }
}
@media (max-width: 787px) {
  .interactive-map .imap-shadow .interactive-map-cover {
    width: 100vw;
    height: auto;
    aspect-ratio: 90/192;
    overflow: visible;
  }
  .interactive-map .imap-shadow .interactive-map-cover svg {
    display: inline-block;
    transform: rotate(90deg) translate(26%, 56%);
    height: 100vw;
    width: auto !important;
  }
}
.interactive-map .imap-detail-wrapper {
  display: flex;
  padding: 0;
  width: 80vw;
  height: 100%;
}
.interactive-map .imap-detail-wrapper .imap-detail {
  display: none;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  gap: 1rem;
  max-width: 80vw;
  padding: 1rem 3vw;
}
@media (max-width: 756px) {
  .interactive-map .imap-detail-wrapper .imap-detail {
    flex-direction: column;
  }
}
.interactive-map .imap-detail-wrapper .imap-detail.active {
  display: flex;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow: visible;
  order: 1;
}
@media (max-width: 756px) {
  .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery {
    order: 2;
    width: 100%;
  }
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery > *:nth-child(n+4) {
  display: none;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery a {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery a:nth-child(3) img {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.7, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to right, #000 70%, transparent 100%);
  mask-image: linear-gradient(to right, #000 70%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery a:hover {
  flex-grow: 1;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery a:hover img {
  transform-origin: bottom;
  transform: scale(1.4);
  z-index: 999999;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-gallery a img {
  width: 90%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  transition: ease-in-out 1s;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 100%;
  gap: 1rem;
  order: 2;
}
@media (max-width: 756px) {
  .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box {
    order: 1;
    width: 100%;
  }
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header {
  display: flex;
  width: 100%;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-title {
  background-color: orangered;
  width: fit-content;
  padding: 3px 32px;
  clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 20px) 100%, 0 100%, 0 0);
  height: 100%;
}
@media (min-width: 756px) {
  .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-title {
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 20px) 100%, 0 100%, 0 0);
  }
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-title h6 {
  color: white;
  padding: 0;
  margin: 0;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist {
  display: flex;
  flex-direction: row;
  list-style: none;
  gap: 1rem;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.7, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to right, #000 70%, transparent 100%);
  mask-image: linear-gradient(to right, #000 70%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist::-webkit-scrollbar { /* Chrome, Safari and Opera */
  display: none;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist li svg {
  Height: 38px;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist li svg g, .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist li svg path, .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist li svg rect, .interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-header .imap-detail-iconlist li svg polygon {
  fill: orangered;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-content .imap-detail-content-text {
  color: white;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-content .imap-detail-content-list ul {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-content .imap-detail-content-list ul .obstacles {
  color: orangered;
}
.interactive-map .imap-detail-wrapper .imap-detail .imap-detail-box .imap-detail-content .imap-detail-content-list ul li {
  color: white;
}

.map-pick {
  display: flex;
}
@media (max-width: 1600px) {
  .map-pick {
    flex-direction: column;
    padding: 0 1rem;
  }
}
.map-pick .mask-mapa .googlemap {
  height: 30vh !important;
}
@media (min-width: 768px) {
  .map-pick .mask-mapa {
    padding: 0 2rem !important;
  }
}

.footer {
  background-color: #000;
  color: #fff;
  padding: 48px 24px 32px 24px;
}
.footer .social {
  display: inline-block;
}
.footer .social img {
  width: 30px;
  margin: 0 2px;
}
.footer .footer-logo {
  width: 140px;
}
.footer .footer-nav li a {
  color: #fff;
  text-decoration: none;
}
.footer .footer-nav li a:hover {
  color: #f44321;
}
.footer .footer-language .lang-btn {
  background: none;
  border: none;
  color: #f44321;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.footer .footer-language .lang-btn img {
  width: 20px;
}
.footer .footer-language .lang-btn.active {
  text-decoration: underline;
}
.footer .footer-language .lang-btn:hover {
  color: #fff;
}
.footer .footer-legal a {
  color: #fff;
  text-decoration: none;
}
.footer .footer-legal a:hover {
  color: #f44321;
}
.footer .footer-legal .divider {
  margin: 0 0.5rem;
  color: #f44321;
}

.menu {
  position: fixed !important;
  z-index: 999;
  width: 100%;
  backdrop-filter: blur(16px) brightness(20%);
}
.menu .container-fluid {
  min-width: 0;
}
.menu .menu-link a {
  color: #ffffff;
  font-family: "Chakra Petch";
  font-size: clamp(16px, 1.15vw, 20px);
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}
.menu .menu-link a:hover {
  color: #F2411C;
}
.menu .menu-link a.active, .menu .menu-link a[aria-current=page] {
  color: #F2411C;
  font-weight: 600;
}

.navigation-desktop {
  gap: clamp(8px, 1.8vw, 24px);
  flex: 1 1 auto;
  min-width: 0;
}

.navbar-brand img {
  width: clamp(120px, 10vw, 140px);
  height: auto;
}

.spacer {
  height: calc(55px + 2rem);
  width: 100%;
}

/* BURGER */
.navbar-toggler {
  border: 0;
  padding: 0;
  background: transparent;
}
.navbar-toggler:focus {
  box-shadow: none;
}

.menu-button-lines {
  position: relative;
  width: 24px;
  height: 18px;
  display: inline-block;
}

.menu-button-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease;
}

.menu-button-line:nth-child(1) {
  top: 0;
}

.menu-button-line:nth-child(2) {
  top: 8px;
}

.menu-button-line:nth-child(3) {
  top: 16px;
}

.navbar-toggler[aria-expanded=true] .menu-button-line:nth-child(1) {
  top: 8px;
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded=true] .menu-button-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.navbar-toggler[aria-expanded=true] .menu-button-line:nth-child(3) {
  top: 8px;
  transform: rotate(-45deg);
}

.orange-button--header {
  text-decoration: none;
  padding: clamp(6px, 0.7vw, 12px) clamp(8px, 1.3vw, 18px) !important;
  line-height: 1 !important;
}
.orange-button--header span {
  font-size: clamp(13px, 1.05vw, 20px) !important;
}

@media (max-width: 996px) {
  #navbarNavMobile,
  #navbarNavMobile.show {
    position: absolute;
    top: var(--menu-top, 70px);
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #000000 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    border-top: 1px solid #000000;
    box-shadow: 0 8px 24px #000000;
    padding: 25px 14px;
    max-height: min(70vh, 100vh - var(--menu-top, 70px) - 20px);
    overflow: auto;
    display: none;
  }
  #navbarNavMobile.show {
    display: flex;
  }
  #navbarNavMobile {
    transform: translateY(-6px);
    opacity: 0;
    transition: transform 0.15s ease, opacity 0.15s ease;
  }
  #navbarNavMobile.show {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .mobile-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(12px, 3.5vw, 22px);
  }
  .mobile-nav .nav-link,
  .mobile-nav .dropdown-item,
  .mobile-nav a {
    color: #ffffff;
    text-decoration: none;
    font-family: "Chakra Petch";
    font-size: clamp(16px, 4vw, 20px);
    line-height: 1.8;
  }
  .mobile-nav .nav-link:hover,
  .mobile-nav .dropdown-item:hover,
  .mobile-nav a:hover {
    color: #F2411C;
  }
  .mobile-nav .nav-link.active,
  .mobile-nav .dropdown-item.active {
    color: #F2411C !important;
    font-weight: 600;
  }
  .mobile-nav .bottompart {
    margin-top: 8px;
    width: 100%;
    border-top: 1px solid #000000;
  }
  .mobile-nav .bottompart .infoline {
    color: #ffffff;
    opacity: 0.85;
    font-size: 14px;
  }
  .mobile-nav .bottompart a {
    text-align: center;
  }
  .mobile-dropdown {
    position: static;
    float: none;
    display: block;
    min-width: 0;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .mobile-dropdown .dropdown-item {
    padding: 0.25rem 0;
  }
}
@media (min-width: 992px) {
  #navbarNavMobile {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navigation-desktop {
    gap: clamp(6px, 1.2vw, 16px);
  }
}
@media (prefers-reduced-motion: reduce) {
  #navbarNavMobile, .menu-button-line {
    transition: none;
  }
}
.header-language .dropdown-toggle {
  color: #fff !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: clamp(14px, 1vw, 16px);
  padding-right: 2.5rem;
}
.header-language img {
  filter: brightness(0) invert(1) saturate(0) contrast(100%);
}
.header-language .dropdown-item:hover img,
.header-language .dropdown-toggle:hover img {
  filter: brightness(0) invert(1) saturate(0) contrast(110%);
}
.header-language .dropdown-menu {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 8rem;
  padding: 0.25rem 0;
}
.header-language .dropdown-menu .dropdown-item {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-language .dropdown-menu .dropdown-item:hover {
  color: #F2411C;
  background: transparent;
}
.header-language .dropdown-menu .dropdown-item.active {
  color: #F2411C;
  background: transparent;
  font-weight: 600;
}
.header-language .dropdown-menu[data-bs-popper] {
  top: 140% !important;
}
.header-language .lang-btn {
  background: none;
  border: none;
  color: #f44321;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
}
.header-language .lang-btn img {
  width: 20px;
  filter: brightness(0) invert(1) saturate(0) contrast(100%);
}
.header-language .lang-btn.active {
  text-decoration: underline;
}
.header-language .lang-btn:hover {
  color: #fff;
}
.header-language .dropdown-toggle:focus, .header-language .dropdown-toggle:focus-visible,
.header-language .dropdown-item:focus,
.header-language .dropdown-item:focus-visible,
.header-language .lang-btn:focus,
.header-language .lang-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background: transparent !important;
}

.container-fluid-oteviraci-doba {
  height: 30vh;
  width: 100%;
}
.container-fluid-oteviraci-doba.cas-outpost .striped-h1-strizov {
  color: #60b200 !important;
}
.container-fluid-oteviraci-doba.cas-outpost .texty span {
  color: #60b200 !important;
}
.container-fluid-oteviraci-doba .container-oteviraci-doba {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.container-fluid-oteviraci-doba .container-oteviraci-doba .leto {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.container-fluid-oteviraci-doba .container-oteviraci-doba .zima {
  display: flex;
  gap: 1rem;
}
.container-fluid-oteviraci-doba .container-oteviraci-doba .texty {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .container-fluid-oteviraci-doba .container-oteviraci-doba .texty h3 {
    font-size: 32px !important;
  }
}
.container-fluid-oteviraci-doba .container-oteviraci-doba .texty span p {
  color: orangered;
}
.container-fluid-oteviraci-doba .container-oteviraci-doba .cas {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-left: 10rem;
}
@media (max-width: 640px) {
  .container-fluid-oteviraci-doba .container-oteviraci-doba .cas {
    margin-left: 1rem;
  }
}

.akce-gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.akce-gallery.akce-outpost .swipe-button-orange {
  border: 2px solid #60B200 !important;
  box-shadow: 0 8px 16px rgba(68, 255, 68, 0.3), 0 4px 8px rgba(68, 255, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.akce-gallery.akce-outpost .swipe-button-orange span {
  color: white;
}
.akce-gallery.akce-outpost ::before {
  background: #60B200 !important;
}
.akce-gallery.akce-outpost .nav-pills .nav-link.swipe-button-orange.active {
  background: #60B200 !important;
}
.akce-gallery.akce-strizov .swipe-button-green {
  border: 2px solid #F2411C !important;
  box-shadow: 0 8px 16px rgba(255, 68, 68, 0.3), 0 4px 8px rgba(255, 68, 68, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.akce-gallery.akce-strizov .swipe-button-green span {
  color: white;
}
.akce-gallery.akce-strizov ::before {
  background: #F2411C !important;
}
.akce-gallery .mask-s-kym {
  width: 100%;
  background: #262626;
  background: radial-gradient(circle, rgb(38, 38, 38) 0%, rgb(0, 0, 0) 100%);
}
.akce-gallery .mask-s-kym .container {
  margin: 0 auto;
}
.akce-gallery .mask-s-kym .container .switch-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.75rem;
}
.akce-gallery .mask-s-kym .container .switch-header .swipe-button-orange.is-active {
  filter: brightness(1.05);
}
.akce-gallery .mask-s-kym .container .switch-header.nav-pills-wrapper .nav.nav-pills {
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
}
.akce-gallery .mask-s-kym .container .switch-header.nav-pills-wrapper .nav-pills .nav-link.swipe-button-orange {
  padding: 0.6rem 1.2rem;
  transition: filter 0.2s ease;
  border-radius: 0 !important;
  width: 12rem;
}
.akce-gallery .mask-s-kym .container .switch-header.nav-pills-wrapper .nav-pills .nav-link.swipe-button-orange.active {
  background: #F2411C;
}
.akce-gallery .mask-s-kym .container .gallery-content {
  display: none;
}
.akce-gallery .mask-s-kym .container .gallery-content.is-active {
  display: block;
}
.akce-gallery .mask-s-kym .container .gallery-content .header {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center;
  line-height: 1.6;
  color: #d8d8d8;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla {
  position: relative;
  width: 100%;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__viewport {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__viewport:active {
  cursor: grabbing;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__container {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__slide {
  flex: 0 0 calc((100% - 3rem) / 3);
  height: fit-content !important;
  min-height: 0;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__slide a {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
  user-select: none;
}
.akce-gallery .mask-s-kym .container .tab-content .gallery-content {
  display: block;
}
.akce-gallery .mask-s-kym .button {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
}
@media (max-width: 1024px) {
  .akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__container {
    gap: 1rem;
  }
  .akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__slide {
    flex-basis: calc((100% - 1rem - 32px) / 2);
  }
}
@media (max-width: 640px) {
  .akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__container {
    gap: 0.75rem;
  }
  .akce-gallery .mask-s-kym .container .gallery-content .gallery.carousel .embla__slide {
    flex-basis: calc(100% - 40px);
  }
}

.vypis {
  width: 100%;
  overflow: hidden;
}
.vypis.number-outpost .striped-h1-strizov {
  color: #60b200 !important;
}
.vypis .container {
  width: 100%;
  overflow: visible;
}
.vypis .container .embla {
  width: 100%;
  overflow: visible;
}
.vypis .container .embla .vypis-row {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 4vw, 4rem);
  margin: 0;
  justify-content: flex-start;
  -webkit-user-select: none;
}
.vypis .container .embla .vypis-row .vypis-item {
  flex: 0 0 calc(25% - clamp(1rem, 4vw, 4rem));
}
@media (max-width: 1200px) {
  .vypis .container .embla .vypis-row .vypis-item {
    flex-basis: 29.9997%;
  }
}
@media (max-width: 900px) {
  .vypis .container .embla .vypis-row .vypis-item {
    flex-basis: 45%;
  }
}
@media (max-width: 600px) {
  .vypis .container .embla .vypis-row .vypis-item {
    flex-basis: 60%;
  }
}
.vypis .container .embla .vypis-row .vypis-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: clamp(1rem, 2.5vw, 2rem);
  color: white;
  min-width: 0;
  height: fit-content !important;
}
.vypis .container .embla .vypis-row .vypis-item .striped-h1-strizov {
  font-size: clamp(8rem, 10vw, 10rem) !important;
  line-height: 1;
}
.vypis .container .embla .vypis-row .vypis-item span {
  max-width: 100%;
  font-size: clamp(1.1rem, 1.2vw, 1.2em);
  line-height: 1.4;
  height: 3.5em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.vypis .container .embla .vypis-row .vypis-item span p {
  max-width: 80%;
  font-size: clamp(1.1rem, 1.2vw, 1.25rem);
}
@media (max-width: 600px) {
  .vypis .container .embla .vypis-row .vypis-item span {
    height: auto;
  }
}

.arena-choose .arena-choose-item {
  position: relative;
  border: solid 2px rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  cursor: pointer;
}
.arena-choose .arena-choose-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(60%);
}
.arena-choose .arena-choose-item .text-overlay {
  position: absolute;
  padding: 1rem;
  inset: 0;
  text-align: center;
  z-index: 999;
}
.arena-choose .arena-choose-item:nth-child(1):hover, .arena-choose .arena-choose-item:nth-child(1).active {
  border: solid 2px #F2411C;
  border-radius: 2px;
  box-shadow: 0 0 10px #F2411C, 0 0 20px #F2411C;
}
.arena-choose .arena-choose-item:nth-child(1):hover video, .arena-choose .arena-choose-item:nth-child(1).active video {
  filter: brightness(80%);
}
.arena-choose .arena-choose-item:nth-child(2) {
  color: #60B200;
}
.arena-choose .arena-choose-item:nth-child(2):hover, .arena-choose .arena-choose-item:nth-child(2).active {
  border: solid 2px #60B200;
  border-radius: 2px;
  box-shadow: 0 0 10px #60B200, 0 0 20px #60B200;
}
.arena-choose .arena-choose-item:nth-child(2):hover video, .arena-choose .arena-choose-item:nth-child(2).active video {
  filter: brightness(80%);
}

.faq-accordion {
  --bs-accordion-color: #ffffff;
  --bs-accordion-btn-color: #ffffff;
  --bs-accordion-active-color: #ffffff;
}
.faq-accordion .accordion-item {
  background: transparent;
  border: 0;
}
.faq-accordion .accordion-item + .accordion-item {
  margin-top: 0.5rem;
}
.faq-accordion .accordion-item h2 {
  line-height: 20px !important;
}
.faq-accordion .accordion-button {
  position: relative;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0.5rem 2.5rem 0.5rem 2rem;
  clip-path: polygon(27px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 27px) 100%, 0 100%, 0 44px);
}
@media (min-width: 756px) {
  .faq-accordion .accordion-button {
    clip-path: polygon(27px 0, 100% 0, 100% calc(100% - 44px), calc(100% - 27px) 100%, 0 100%, 0 44px);
  }
}
.faq-accordion .accordion-button::after {
  display: none;
}
.faq-accordion .accordion-button.collapsed {
  background: #262626;
  background: linear-gradient(133deg, rgb(38, 38, 38) 52%, rgb(0, 0, 0) 100%);
  color: white;
  font-weight: 400;
}
.faq-accordion .accordion-button:not(.collapsed), .faq-accordion .accordion-button[aria-expanded=true] {
  background: #F2411C;
  background: linear-gradient(100deg, rgb(242, 65, 28) 30%, rgb(0, 0, 0) 100%);
  color: white;
  box-shadow: none;
}
.faq-accordion .accordion-button .acc-caret {
  position: absolute;
  right: 44px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 16px;
  height: 16px;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  transition: 0.2s ease-in-out;
  color: #60B200;
}
.faq-accordion .accordion-button .acc-caret .cls-1 {
  fill: #60B200;
}
.faq-accordion .accordion-button .acc-caret svg {
  width: 100%;
  height: 100%;
  display: block;
  transform-box: fill-box;
}
.faq-accordion .accordion-button .acc-caret svg path {
  fill: currentColor;
}
.faq-accordion .accordion-button:not(.collapsed) .acc-caret {
  transform: translateY(-50%) rotate(180deg);
}
.faq-accordion .accordion-button:not(.collapsed) .acc-caret .cls-1 {
  fill: #F2411C;
}
.faq-accordion .accordion-body {
  color: white;
}

.container-input {
  padding-top: 3rem;
  gap: 1rem;
}
.container-input input {
  flex: 0;
  padding: 0.6rem 1rem;
  border: 1px solid #60B200;
  background: transparent;
  color: #fff;
  transform: skew(-22deg);
}

.tooltip.orange-tooltip {
  --bs-tooltip-bg: #F2411C;
  --bs-tooltip-color: black;
}

.tooltip.green-tooltip {
  --bs-tooltip-bg: #60B200;
  --bs-tooltip-color: black;
}

.modal .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
.modal .modal-dialog .modal-content {
  height: 70vh;
  width: 90vw;
  background-color: #F2411C;
  padding: 2px;
  clip-path: polygon(80px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 80px);
}
@media (min-width: 756px) {
  .modal .modal-dialog .modal-content {
    height: 44vh;
    width: 44vw;
  }
}
@media (min-width: 756px) {
  .modal .modal-dialog .modal-content {
    clip-path: polygon(120px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 120px);
  }
}
.modal .modal-dialog .modal-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #F2411C;
  z-index: -1;
  clip-path: inherit;
  border: 2px solid #F2411C;
  filter: drop-shadow(0 0 2px #F2411C) drop-shadow(0 0 6px #F2411C) drop-shadow(0 0 14px #F2411C);
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  height: 0px;
  padding: 0;
  margin: 0;
  overflow: visible;
}
.modal .modal-dialog .modal-content .modal-header h5 {
  display: none;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  --bs-btn-close-color: #F2411C;
}
.modal .modal-dialog .modal-content .modal-body {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  padding: 0;
  background-color: black;
  clip-path: polygon(80px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 80px);
}
@media (min-width: 756px) {
  .modal .modal-dialog .modal-content .modal-body {
    clip-path: polygon(120px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 120px);
  }
}
.modal .modal-dialog .modal-content .modal-body .text-content {
  overflow-y: auto;
  max-height: 100%;
  padding: 20% 1rem;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.7, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@media (min-width: 756px) {
  .modal .modal-dialog .modal-content .modal-body .text-content {
    max-width: 50%;
    overflow-y: auto;
    max-height: 100%;
    padding: 15% 5%;
  }
}
.modal .modal-dialog .modal-content .modal-body .text-content h3 {
  color: #F2411C !important;
}
.modal .modal-dialog .modal-content .modal-body .text-content ul {
  color: white;
  /* DESKTOP/Paragraph regular */
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.5px;
}
.modal .modal-dialog .modal-content .modal-body img {
  position: absolute;
  right: 50%;
  bottom: 0;
  display: none;
}
@media (min-width: 756px) {
  .modal .modal-dialog .modal-content .modal-body img {
    display: block;
  }
}
.modal.contact-modal .modal-content {
  height: fit-content !important;
  width: fit-content;
}
.modal.contact-modal .modal-content .modal-body {
  justify-content: center;
  padding: 10px 100px;
}
.modal.contact-modal .modal-content .modal-body .contact-form-item {
  transform: skewX(-22deg);
  border: 1px solid #F2411C;
  width: 90%;
}
.modal.contact-modal .modal-content .modal-body .contact-form-item input {
  width: 100%;
  padding: 12px 42.933px;
  box-sizing: border-box;
  line-height: normal;
  color: #fff;
  outline: none;
  transform: skew(22deg);
  border: none;
  position: relative;
  text-align: center;
  background-color: transparent;
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-textarea {
  background-color: #F2411C;
  padding: 2px;
  box-sizing: border-box;
  height: 160px;
  width: 90%;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-margin: 15px;
}
@media (min-width: 756px) {
  .modal.contact-modal .modal-content .modal-body .contact-form-item-textarea {
    clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
    shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  }
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-textarea textarea {
  width: 100%;
  height: 100%;
  padding: 0 8%;
  margin: 0;
  background: black;
  color: #fff;
  outline: none;
  min-height: 150px;
  resize: vertical;
  border: none;
  text-align: center;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  shape-margin: 15px;
}
@media (min-width: 756px) {
  .modal.contact-modal .modal-content .modal-body .contact-form-item-textarea textarea {
    clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
    shape-outside: polygon(25px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 25px) 100%, 0 100%, 0 50px);
  }
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-checkbox {
  position: relative;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #F2411C;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-checkbox:hover {
  background-color: rgba(242, 65, 28, 0.1);
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-checkbox:checked {
  background-color: #F2411C;
}
.modal.contact-modal .modal-content .modal-body .contact-form-item-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  animation: checkmark 0.2s ease-in-out forwards;
}
@keyframes checkmark {
  0% {
    opacity: 0;
    transform: rotate(45deg) scale(0);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale(1);
  }
}
.modal.contact-modal .modal-content .modal-body .form-check-label {
  color: white;
}
.modal.contact-modal .modal-content .modal-body .gdpr-link {
  color: #F2411C;
}

.nav-link {
  color: #fff !important;
}

/*# sourceMappingURL=main.css.map */