:root {
		color-scheme: light dark;

		--color_const_light: #fcfcfc;
		--color_const_dark: #111111;
		--color_const_purewhite: #ffffff;
		--color_const_pureblack: #000000;

		--color_text_ultrasoft: #a1a1a1;
		--color_text_extrasoft: #555555;
		--color_text_soft: #333333;
		--color_text_main: var(--color_const_dark);
		--color_text_hard: #050101;
		--color_text_ultrahard: var(--color_const_pureblack);

		--color_bg_ultrasoft: var(--color_const_purewhite);
		--color_bg_soft: #fefefe;
		--color_bg_main: var(--color_const_light);
		--color_bg_hard: #f4f4f4;
		--color_bg_extrahard: #e3e3e3;
		--color_bg_ultrahard: #cacaca;

		--color_brand_ultrasoft: oklch(from var(--color_brand_main) 80% 0.1 h / 100%);
		--color_brand_extrasoft: oklch(from var(--color_brand_main) 70% 0.16 h / 100%);
		--color_brand_soft: oklch(from var(--color_brand_main) 62% 0.2 h / 100%);
		--color_brand_main: oklch(54.89% 0.211 27.32 / 100%);
		--color_brand_hard: oklch(from var(--color_brand_main) 45% 0.18 h / 100%);
		--color_brand_extrahard: oklch(from var(--color_brand_main) 33% 0.12 h / 100%);
		--color_brand_ultrahard: oklch(from var(--color_brand_main) 25% 0.1 h / 100%);
		--color_brand_selected: oklch(from var(--color_brand_main) 62% 0.22 h / 100%);
		--color_brand_active: oklch(from var(--color_brand_main) 62.61% 0.24 h / 100%);
		accent-color: var(--color_brand_main);

		--color_border_soft: var(--color_text_ultrasoft);
		--color_border_main: var(--color_text_extrasoft);
		--color_border_hard: var(--color_text_main);

		--color_separator_main: var(--color_text_extrasoft);

		--color_bg_overlay: rgba(29,29,29,.6);
		--color_bg_overlay_light: rgba(29,29,29,.2);

		--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.9);
		--swiper-pagination-color: #fff;
		--swiper-navigation-color: rgba(255, 255, 255, 0.9);

	--card-gradient: linear-gradient(to top, rgba(23, 22, 22, 0.86), rgba(38, 38, 38, 0.54), rgba(71, 71, 71, 0.33), rgba(0, 0, 0, 0));
	--card-gradient--mask: linear-gradient(to bottom, rgb(0, 0, 0, 0.9), rgb(0, 0, 0, 1), rgb(0, 0, 0, 1), rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5));
	--card-gradient--mask-fromtransperent: linear-gradient(
		to bottom,
		rgb(0, 0, 0, 0.9),
		rgb(0, 0, 0, 1),
		rgb(0, 0, 0, 1),
		rgba(0, 0, 0, 0.98),
		rgba(0, 0, 0, 0.95),
		rgba(0, 0, 0, 0.85),
		rgba(0, 0, 0, 0.8),
		rgba(0, 0, 0, 0.65),
		rgba(0, 0, 0, 0.45),
		rgba(0, 0, 0, 0)
	);
	--infobanner-gradient: linear-gradient(to top, rgb(41, 41, 41), rgba(71, 71, 71, 0.12), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0));
	--infobanner-gradient--mask: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2));
	--card-gradient-top: linear-gradient(to bottom, rgba(65, 65, 65, 0.4), rgba(71, 71, 71, 0.05), rgba(0, 0, 0, 0));
	--mask_gradient_toleft: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	--mask_gradient_toright: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

	--card-shadow: 1px 5px 7px -1px rgba(130, 130, 130, 0.52), -5px -5px 5px rgb(255, 255, 255, 0.8);
	--card-text-shadow: 2px 5px 10px rgba(0, 0, 0, 0.7);
	--shadow_sm: 0 2.2px 2px -13px rgba(0, 0, 0, 0.41), 0 3px 5px -13px rgba(0, 0, 0, 0.307), 0 2.9px 9.6px -13px rgba(0, 0, 0, 0.254), 0 4.5px 17.4px -13px rgba(0, 0, 0, 0.226), 0 19px 33.1px -13px rgba(0, 0, 0, 0.191),
		0 68px 80px -13px rgba(0, 0, 0, 0.122);
	--shadow_bg: 0 8.4px 1.5px -23px rgba(0, 0, 0, 0.57), 0 14.7px 3.4px -23px rgba(0, 0, 0, 0.454), 0 18.7px 6px -23px rgba(0, 0, 0, 0.383), 0 20.4px 9.6px -23px rgba(0, 0, 0, 0.342), 0 20.6px 15px -23px rgba(0, 0, 0, 0.314),
		0 22.8px 23.7px -23px rgba(0, 0, 0, 0.28), 0 35.8px 39.7px -23px rgba(0, 0, 0, 0.225), 0 68px 80px -23px rgba(0, 0, 0, 0.134);
	--shadow_short: 0 18.3px 4.3px -34px rgba(0, 0, 0, 0.11), 0 28.1px 7.8px -34px rgba(0, 0, 0, 0.085), 0 34.4px 10.5px -34px rgba(0, 0, 0, 0.071), 0 39.8px 12.5px -34px rgba(0, 0, 0, 0.064), 0 46.3px 14.2px -34px rgba(0, 0, 0, 0.057),
		0 57.5px 16.7px -34px rgba(0, 0, 0, 0.047), 0 87px 27px -34px rgba(0, 0, 0, 0.029);
	--shadow_top: 0 0px -2.2px -16px rgba(0, 0, 0, 0.034), 0 0px -2.4px -16px rgba(0, 0, 0, 0.048), 0 0px 2.1px -16px rgba(0, 0, 0, 0.06), 0 0px 16px -16px rgba(0, 0, 0, 0.072), 0 0px 50.3px -16px rgba(0, 0, 0, 0.086),
		0 0px 140px -16px rgba(0, 0, 0, 0.12);
	--shadow_base: 0 0.5px 1px rgb(0 0 0 / 12%), 0 1px 4px rgb(0 0 0 / 12%), 0 4px 8px rgb(0 0 0 / 12%);

	--header-h-padding: 0.7rem;
	--header-w-padding: 1rem;
	--padding_ultrasoft: 0.5rem;
	--padding_extrasoft: 0.75rem;
	--padding_soft: 1rem;
	--padding_main: 1.2rem;
	--padding_hard: 1.5rem;
	--padding_extrahard: 2rem;
	--padding_ultrahard: 2.5rem;

	--header-height: 3.2rem;

	--icon_big--stroke: 9;
	--icon_comments--stroke: 5;


	--swiper-navigation-sides-offset: 0;
}

:focus-visible {
	outline-color: var(--color_brand_main);
}
::selection {
	background-color: var(--color_brand_ultrasoft);
}
::marker {
	color: var(--color_brand_main);
}

:is(::-webkit-calendar-picker-indicator, ::-webkit-clear-button, ::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
	color: var(--color_brand_main);
}

[data-theme="dark"] {
		color-scheme: dark;

		--color_const_light: #fcfcfc;
		--color_const_dark: #111111;
		--color_const_purewhite: #ffffff;
		--color_const_pureblack: #000000;

		--color_text_ultrasoft: #555555;
		--color_text_extrasoft: #a1a1a1;
		--color_text_soft: #cacaca;
		--color_text_main: #fcfcfc;
		--color_text_hard: #f9f9f9;
		--color_text_ultrahard: var(--color_const_purewhite);

		--color_bg_ultrasoft: #696969;
		--color_bg_soft: #444444;
		--color_bg_main: #282828;
		--color_bg_hard: #202020;
		--color_bg_extrahard: var(--color_const_dark);
		--color_bg_ultrahard: var(--color_const_pureblack);

		--color_brand_ultrasoft: oklch(from var(--color_brand_main) 80% 0.1 h / 100%);
		--color_brand_extrasoft: oklch(from var(--color_brand_main) 70% 0.16 h / 100%);
		--color_brand_soft: oklch(from var(--color_brand_main) 62% 0.2 h / 100%);
		--color_brand_main: oklch(54.89% 0.211 27.32 / 100%);
		--color_brand_hard: oklch(from var(--color_brand_main) 45% 0.18 h / 100%);
		--color_brand_extrahard: oklch(from var(--color_brand_main) 33% 0.12 h / 100%);
		--color_brand_ultrahard: oklch(from var(--color_brand_main) 25% 0.1 h / 100%);
		--color_brand_selected: oklch(from var(--color_brand_main) 62% 0.22 h / 100%);
		--color_brand_active: oklch(from var(--color_brand_main) 62.61% 0.24 h / 100%);
		accent-color: var(--color_brand_main);

		--color_border_soft: var(--color_text_ultrasoft);
		--color_border_main: var(--color_const_light);
		--color_border_hard: var(--color_const_purewhite);

		--color_separator_main: var(--color_text_extrasoft);

		--color_bg_overlay: rgba(29,29,29,.6);
	}

@view-transition {
	navigation: auto;
}

body {
	scrollbar-width: auto;
	@media (width < 900px) {
		scrollbar-width: 0.4rem;
	}
}

::-webkit-scrollbar {
	width: initial;
}

@media (width < 900px) {
	::-webkit-scrollbar {
		width: 0.4rem;
	}
}

::-webkit-scrollbar-track {
	background: var(--color_bg_hard);
}
::-webkit-scrollbar-thumb {
	background: var(--color_text_ultrasoft);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--color_brand_main);
}

button {
	background: none !important;
	border: none !important;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	min-width: 320px;
	overflow-x: clip;
	overflow-anchor: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

body {
	font-family: var(--f_sans);
	font-feature-settings: "liga" 1, "calt" 1, "tnum" 1, "ss01" 1, "ss07" 1, "ss08" 1, "cv01" 1, "cv03" 1, "cv09" 1, "cv02" 1, "cv10" 1;
	-webkit-font-feature-settings: "liga" 1, "calt" 1, "tnum" 1, "ss01" 1, "ss07" 1, "ss08" 1, "cv01" 1, "cv03" 1, "cv09" 1, "cv02" 1, "cv10" 1;
	-moz-font-feature-settings: "liga" 1, "calt" 1, "tnum" 1, "ss01" 1, "ss07" 1, "ss08" 1, "cv01" 1, "cv03" 1, "cv09" 1, "cv02" 1, "cv10" 1;
	color: var(--color_text_main);
	background-color: var(--color_bg_main);
	transition: color 200ms linear;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-ms-transition: color 200ms linear;
	-o-transition: color 200ms linear;
}

* {
	padding: 0;
	margin: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

.hidden {
	display: none;
}

.a-zoom {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	@media (hover: hover) {
		&:hover {
			transform: scale(1.04);
			-webkit-transform: scale(1.04);
			-ms-transform: scale(1.04);
			-moz-transform: scale(1.04);
			-o-transform: scale(1.04);
		}
	}
	&:focus-visible,
	&:target,
	&:active {
		transform: scale(1.04);
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-o-transform: scale(1.04);
	}
}

.a-zoom--strong {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	@media (hover: hover) {
		&:hover {
			transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
		}
	}
	&:focus-visible,
	&:target,
	&:active {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
	}
}

.a-zoomout {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	@media (hover: hover) {
		&:hover {
			transform: scale(0.85);
			-webkit-transform: scale(0.85);
			-ms-transform: scale(0.85);
			-moz-transform: scale(0.85);
			-o-transform: scale(0.85);
		}
	}
	&:focus-visible,
	&:target,
	&:active {
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
		-ms-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-o-transform: scale(0.85);
	}
}

.a-pulse {
	animation: pulse 2s ease-in infinite;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-animation: pulse 2s ease-in infinite;
}

@keyframes pulse {
	from {
		transform-origin: center;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}
	50% {
		transform-origin: center;
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
	}
	to {
		transform-origin: center;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}
}

.menu--active {
	left: 0 !important;
}

.search--active {
	right: 5.5rem !important;
	visibility: visible !important;
}

.headline_list {
  & > *:not(:last-child) {
      border-block-end: 1px solid var(--color_separator_main);
    }
}

.footer_wrapper {
  color: var(--color_const_light)!important;
  background: var(--color_const_dark);
  padding-inline: var(--padding_main);
  padding-block: var(--padding_ultrahard);
  & .footer_text--secondary {
    font-size: var(--text_size_small);
    font-weight: var(--font_weight_light);
    }
  & .footer_text--primary {
    font-size: var(--text_size_info);
    font-weight: var(--font_weight_extrabold);
    }
  & .footer_text--biglink {
    font-size: var(--text_size_main);
    margin-block-start: var(--padding_ultrasoft);
    }
  & .lastname {
    text-transform: uppercase;
    letter-spacing: 0.01ch;
    }
  & .footer_grid {
    width: min(100%, 1400px);
    margin-inline: auto;
    display: grid;
    gap: var(--padding_main);
    grid-template-columns: repeat(auto, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "contentinfo" "editorial" "contact" "social" "counters" "copyright";

    @media screen and (width >= 700px) {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "contentinfo editorial" "contentinfo contact" "social social" "counters counters"  "copyright copyright";
    }
    @media screen and (width >= 1024px) {
      grid-template-columns: 2fr 1fr 1fr;
      grid-template-areas: "contentinfo editorial contact" "social social social" "counters counters counters"  "copyright copyright copyright";
    }
  }
  & .footer_contentinfo {
    grid-area: contentinfo;
    & .footer_plnlogo--wrapper {
      width: 12ch;
      margin-block-end: var(--padding_main);
      & .plnlogo--el {
        fill:var(--color_const_light)!important;
      }
    }
    & p {
      font-size: var(--text_size_small);
      font-weight: var(--font_weight_light);
      margin-block-end: var(--padding_main);
      &.pln_brandname {
        font-size: var(--text_size_big);
        font-weight: var(--font_weight_bold);
      }
      &.agelimit {
        font-size: var(--text_size_big);
        font-weight: var(--font_weight_bold);
      }
    }
  }
  & .footer_editorial {
    grid-area: editorial;
    text-align: center;
    & > * {
      margin-block-end: var(--padding_main);
    }
    @media screen and (width >=700px) {
      text-align: inherit;
    }
  }
  & .footer_contact {
    grid-area: contact;
    text-align: center;
    & > * {
      margin-block-end: var(--padding_main);
    }
    @media screen and (width >=700px) {
      text-align: inherit;
    }
  }
  & .footer_social {
    grid-area: social;
    & a {
      all: unset;
      cursor: pointer;
    }
    & .footer_social--title {
      text-align: center;
    }
    & > * {
      margin-block-end: var(--padding_main);
    }
    & .footer_social--blockwrapper {
      display: flex;
      gap: var(--padding_main);
      justify-content: center;
      & .footer_social--block {
      height: 2rem;
        & svg {
          width: 2rem;
          height: 2rem;
        }
      }
    }
  }
  & .footer_counters {
    grid-area: counters;
    & a {
      all: unset;
      cursor: pointer;
    }
    & .footer_counters--title {
      text-align: center;
    }
    & > * {
      margin-block-end: var(--padding_main);
    }
    & .footer_counters--blockwrapper {
      display: flex;
      gap: var(--padding_main);
      justify-content: center;
      & .footer_counters--block {
      height: 2rem;
        & svg {
          width: 2rem;
          height: 2rem;
        }
      }
    }
  }
  & .footer_copyright {
    grid-area: copyright;
    & p {
      font-size: var(--text_size_extrasmall);
      font-weight: var(--font_weight_bold);
      text-transform: uppercase;
      letter-spacing: 0.2ch;
      text-align: center;
      opacity: .5;
    }
  }

  & .footer__link {
	display: block;
	padding-block-start: var(--padding_extrasoft);
	color: var(--color_const_light);
	text-decoration: none;
	opacity: .5;
	text-align: center;
  }
}