/* Start:/local/templates/vine/assets/css/header.css?179338912140030*/
/* Generated by server-worker/reinstall/build_header.cjs */
@font-face {font-family:'Mabry Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/local/templates/vine/assets/css/../fonts/mabrypro-regular.woff2') format('woff2');}
@font-face {font-family:'Mabry Pro';font-style:normal;font-weight:500;font-display:swap;src:url('/local/templates/vine/assets/css/../fonts/mabrypro-medium.woff2') format('woff2');}
@font-face {font-family:'Mabry Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/local/templates/vine/assets/css/../fonts/mabrypro-bold.woff2') format('woff2');}
@font-face {font-family:'Mabry Pro Center';font-weight:400;font-display:swap;src:url('/local/templates/vine/assets/css/../fonts/mabrypro-regular.woff2') format('woff2');ascent-override:79.2%;descent-override:20.8%;line-gap-override:0%;}
.ast-header {
  --font: 'Mabry Pro', system-ui, -apple-system, sans-serif;
  --font-center: 'Mabry Pro Center', system-ui, -apple-system, sans-serif;
  --black: #0b1020;
  --white: #ffffff;
  --grey: #b1b9ca;
  --grey-text: #636669;
  --grey-dark: #6b7280;
  --grey-medium: #b2b2b2;
  --grey-light: #edf0f5;
  --grey-stars: #d6d8dd;
  --grey-border: #e5e7eb;
  --grey-menu-border: #888888;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --blue: #273551;
  --blue-text: #94a3b8;
  --blue-light: rgba(5, 67, 189, 0.102);
  --blue-light-hover: rgba(5, 67, 189, 0.18);
  --blue-menu-active: #cdd4e2;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --svg-line: #e29cc5;
  --magenta-light: rgba(194, 65, 145, 0.102);
  --magenta-light-hover: rgba(194, 65, 145, 0.2);
  --magenta-opacity: rgba(228, 57, 162, 0.5);
  --magenta-checked: rgba(226, 156, 197, 0.302);
  --invalid: #e0483c;
  --invalid-light: rgba(217, 45, 32, 0.102);
  --green: #8fc78f;
  --green-light: rgba(18, 183, 106, 0.102);
  --orange: #f3997b;
  --orange-light: rgba(247, 144, 9, 0.102);
  --fs-4: 0.25rem;
  --fs-5: 0.3125rem;
  --fs-6: 0.375rem;
  --fs-8: 0.5rem;
  --fs-9: 0.5625rem;
  --fs-10: 0.625rem;
  --fs-12: 0.75rem;
  --fs-13: 0.84375rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-17: 1.0625rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-25: 1.5625rem;
  --fs-26: 1.625rem;
  --fs-28: 1.75rem;
  --fs-30: 1.875rem;
  --fs-32: 2rem;
  --fs-33: 2.0625rem;
  --fs-34: 2.125rem;
  --fs-35: 2.1875rem;
  --fs-36: 2.25rem;
  --fs-38: 2.375rem;
  --fs-40: 2.5rem;
  --fs-44: 2.75rem;
  --fs-48: 3rem;
  --fs-50: 3.125rem;
  --fs-54: 3.375rem;
  --fs-56: 3.5rem;
  --fs-60: 3.75rem;
  --fs-64: 4rem;
  --fs-72: 4.5rem;
  --fs-74: 4.625rem;
  --fs-168: 10.5rem;
  --fs-512: 32rem;
  --fs-555: 34.6875rem;
  --fs-800: 50rem;
  --fs-400: 25rem;
  --fs-320: 20rem;
  --fs-300: 18.75rem;
  --fs-200: 12.5rem;
  --fs-150: 9.375rem;
  --cubic: cubic-bezier(0.4, 0, 0.2, 1);
}
.ast-header *,.ast-header *:before,.ast-header *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}

.ast-header img,.ast-header video {
  display: block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.ast-header svg {
  display: block;
}

.ast-header h1,.ast-header h2,.ast-header h3,.ast-header h4,.ast-header h5,.ast-header h6,.ast-header b strong {
  font-family: var(--font);
  color: inherit;
  font-weight: 700;
}

.ast-header a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.ast-header ul,.ast-header ol,.ast-header menu {
  list-style: none;
}

.ast-header fieldset {
  border: none;
}

.ast-header button {
  position: relative;
  border: none;
  cursor: pointer;
  background: none;
  color: inherit;
  font-family: var(--font);
  font-size: 0;
}
.ast-header button:disabled {
  cursor: auto;
  pointer-events: none;
  opacity: 0.3;
}

.ast-header button,.ast-header input,.ast-header select,.ast-header textarea {
  font: inherit;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}
.ast-header .container {
  display: flex;
  gap: var(--fs-32);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  z-index: 1;
}
.ast-header .container.center {
  justify-content: center;
  text-align: center;
}
.ast-header .container.gap--16 {
  gap: var(--fs-16);
}
.ast-header .container.gap--24 {
  gap: var(--fs-24);
}
.ast-header .container.gap--40 {
  gap: var(--fs-40);
}
@media (min-width: 1920px) {
  .ast-header .container {
    max-width: 1720px;
  }
}
@media (max-width: 1439px) {
  .ast-header .container {
    max-width: 1280px;
    padding: 0px 20px;
  }
}
@media (max-width: 1151px) {
  .ast-header .container {
    padding: 0px 32px;
    gap: var(--fs-24);
  }
}
@media (max-width: 767px) {
  .ast-header .container {
    padding: 0px 16px;
    gap: var(--fs-24);
  }
  .ast-header .container.gap--40 {
    gap: var(--fs-24);
  }
}

@media (min-width: 1280px) {
  .ast-header *.show-in-tablet {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .ast-header *.delete-in-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ast-header *.delete-in-mobil {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ast-header *.show-in-mobil {
    display: none !important;
  }
}
.ast-header {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 20;
  width: 100%;
  height: 46px;
  box-sizing: content-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transform: translateY(-200%);
  transition: transform 0.6s var(--cubic), min-height 0.6s var(--cubic);
}
.ast-header .container {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: var(--fs-20);
  z-index: 3;
}
@media (max-width: 414px) {
  .ast-header .container {
    gap: var(--fs-8);
  }
}
.ast-header .container:before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  z-index: 2;
  width: 100vw;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  box-shadow: 0px 4px 10px rgba(39, 53, 81, 0.102);
}

.loaded .ast-header {
  transform: translateY(0%);
}
.loaded.a11y .ast-header {
  transform: translateY(40px);
}

.ast-header .logo {
  position: relative;
  z-index: 3;
  order: 1;
  color: inherit;
  outline: none;
  color: var(--blue);
}
.ast-header .logo:focus-visible {
  color: var(--magenta);
}
.ast-header .logo svg {
  width: 123px;
  height: auto;
}
@media (max-width: 1023px) {
  .ast-header .logo svg {
    width: 115px;
  }
}
@media (max-width: 359px) {
  .ast-header .logo svg {
    width: 90px;
  }
}

.a11y .ast-header .container:before,
.a11y .ast-header .navigation {
  background: rgb(255, 255, 255);
  backdrop-filter: none;
}
@media (min-width: 768px) {
  .a11y .ast-header .menu > li {
    min-height: 22px;
  }
  .a11y .ast-header .menu li .menu-link,.a11y .ast-header .menu li .menu-link a {
    font-size: var(--fs-15);
  }
  .a11y .ast-header .mega-menu {
    background-color: rgb(255, 255, 255);
    backdrop-filter: none;
  }
}

.a11y-theme-dark .ast-header .container:before,
.a11y-theme-dark .ast-header .navigation {
  background: #000000;
  backdrop-filter: none;
}
@media (min-width: 768px) {
  .a11y-theme-dark .ast-header .mega-menu {
    background: #000000;
    backdrop-filter: none;
  }
}

.a11y-theme-dark .ast-header .header-button.active {
  color: var(--black);
}
.a11y-theme-dark .ast-header .header-button.active:before {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-header .header-button.active:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-header .header-button:focus-visible {
  color: var(--black);
}
.a11y-theme-dark .ast-header .header-button:focus-visible:before {
  border: 1px solid var(--black);
  background-color: rgba(0, 0, 0, 0);
}
.a11y-theme-dark .ast-header .header-button .basket-counter {
  color: var(--black);
}
.ast-header .menu-link,.ast-header .navigation .socials a {
  color: var(--blue);
}

@media (min-width: 1920px), (max-width: 767px) {
  .ast-header ul li.search-toggle-el {
    display: none;
  }
}

@media (min-width: 768px), (max-width: 1919px) {
  .ast-header.search-open ul li.search-toggle-el {
    display: none;
  }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 768px) and (max-width: 1919px) {
  .ast-header:not(.search-open) ul li.search-toggle-el {
    animation: headerSearchIn 0.3s var(--cubic);
  }
}

@keyframes headerSearchIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ast-header .header-dropdown {
  display: flex;
  height: 100%;
  position: static;
  flex: 1;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--fs-16);
  z-index: 5;
  order: 1;
}
.ast-header .header-dropdown .search-form {
  display: block;
  height: 36px;
  max-width: 400px;
  margin: 0 auto;
  order: 2;
}
.ast-header .header-dropdown .search-form .label {
  height: 100%;
}
.ast-header .header-dropdown .search-form .label .search-submit-icon,.ast-header .header-dropdown .search-form .label svg {
  height: 100%;
}
.ast-header .header-dropdown .search-form .inputError {
  display: none !important;
}
@media (max-width: 1919px) {
  .ast-header .header-dropdown .search-form {
    display: none;
    max-width: 94%;
    margin-right: 0px;
  }
  .ast-header .header-dropdown.search-open .search-form {
    display: block;
  }
  .ast-header .header-dropdown.search-open .navigation {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 768px) and (max-width: 1919px) {
  .ast-header .header-dropdown.search-open .search-form {
    animation: headerSearchIn 0.3s var(--cubic);
  }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 1280px) and (max-width: 1919px) {
  .ast-header .header-dropdown:not(.search-open) .navigation {
    animation: headerSearchIn 0.3s var(--cubic);
  }
}
@media (max-width: 1366px) {
  .ast-header .header-dropdown .search-form {
    max-width: 98%;
  }
}
@media (max-width: 1279px) {
  .ast-header .header-dropdown {
    display: contents;
  }
  .ast-header .header-dropdown .search-form {
    flex: 1;
    z-index: 5;
    order: 1;
  }
}
@media (max-width: 767px) {
  .ast-header .header-dropdown .search-form {
    display: block;
    width: 100%;
    max-width: 450px;
    padding: 0px 32px;
    flex: auto;
    z-index: 5;
    order: 0;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    margin-bottom: 10px;
    flex-shrink: 0;
  }
  .ast-header .header-dropdown {
    display: block;
    visibility: hidden;
    position: fixed;
    width: 100vw;
    height: auto;
    max-height: calc(100svh + 10px);
    max-height: calc(100dvh + 10px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    top: 0px;
    left: 0px;
    background: var(--white);
    backdrop-filter: none;
    transform: translate(0%, -100%);
    transition: opacity 0.5s var(--cubic), transform 0.5s var(--cubic), visibility 0s linear 0.5s;
    opacity: 1;
    pointer-events: none;
    padding-top: 46px;
    z-index: 1;
    border-radius: 0px 0px 30px 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    order: 0;
    margin: 0 auto;
  }
  .ast-header .header-dropdown.open {
    visibility: visible;
    transition-delay: 0s;
    pointer-events: all;
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .ast-header .header-dropdown::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
  }
}

.ast-header .search-close {
  display: none;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .ast-header .search-close {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .ast-header .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    order: 1;
    height: 100%;
    margin: 0 auto;
  }
  .ast-header .menu {
    display: inline-flex;
    height: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: var(--fs-24);
  }
  .ast-header .menu > li {
    display: flex;
    height: 100%;
    position: relative;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: var(--fs-8);
  }
  .ast-header .menu li .menu-link {
    font-family: var(--font);
    display: flex;
    outline: none;
    align-items: center;
    font-size: var(--fs-16);
    font-weight: 400;
    --lh: 1.3;
    background-color: rgba(0, 0, 0, 0);
    color: var(--blue);
    transition: color 0.3s var(--cubic);
    cursor: pointer;
    text-wrap: nowrap;
  }
  .ast-header .menu li .menu-link.active {
    color: var(--magenta);
  }
  .ast-header .menu li .menu-link.active:focus-visible {
    text-decoration: underline;
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .ast-header .menu li .menu-link:hover {
    color: var(--magenta);
  }
}
@media (min-width: 1280px) {
  .ast-header .menu li .menu-link:focus-visible {
    color: var(--magenta);
    text-decoration: underline;
  }
  .ast-header .mega-menu {
    display: none;
    position: absolute;
    overflow: hidden;
    left: -16px;
    top: 100%;
    border-top: 1px solid var(--grey-medium);
    background-color: rgb(255, 255, 255);
    border-radius: 0px 0px 30px 30px;
    box-shadow: 0px 4px 10px rgba(39, 53, 81, 0.102);
    width: auto;
    height: 0px;
    opacity: 1;
    transition: opacity 0.3s var(--cubic), height 0.3s var(--cubic);
  }
  .ast-header .mega-menu .submenu .menu-link {
    font-size: var(--fs-16);
  }
  .ast-header .mega-menu.center {
    left: auto;
    right: 0px;
    transform: translate(0%, 0%);
    min-width: 500px;
    flex-direction: column;
  }
  .ast-header .mega-menu.center .submenu {
    width: 100%;
  }
  .ast-header .mega-menu.center .submenu li:last-child {
    border-top: 1px solid var(--grey-medium);
    border-bottom: 1px solid var(--grey-medium);
  }
  .ast-header .mega-menu .socials {
    margin: 0;
    padding: var(--fs-16);
    justify-content: center;
    gap: var(--fs-16);
  }
  .ast-header .submenu {
    display: inline-block;
    width: auto;
    columns: 2;
    column-gap: 0px;
    margin-top: var(--fs-8);
    align-self: flex-end;
  }
  .ast-header .submenu li {
    padding: var(--fs-8) var(--fs-16);
  }
  .ast-header .submenu li:last-child {
    padding: var(--fs-16);
    margin-top: var(--fs-8);
    column-span: all;
  }
  .ast-header .recomendations-menu {
    display: block;
    position: relative;
    width: 255px;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .ast-header .recomendations-menu {
    width: 522px;
  }
}
@media (min-width: 1280px) {
  .ast-header .recomendations-menu .title {
    font-weight: 400;
    font-size: var(--fs-14);
    --lh: 1.3;
    margin-top: 10px;
    margin-bottom: 6px;
    color: var(--blue);
    opacity: 0.5;
  }
  .ast-header .recomendations-menu .swiper {
    width: 255px;
    overflow: hidden;
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .ast-header .recomendations-menu .swiper {
    width: 522px;
  }
}
@media (min-width: 1280px) {
  .ast-header .recomendations-menu .swiper-slide {
    width: 255px;
    flex: 0 0 auto;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding-bottom: var(--fs-16);
  }
  .ast-header .recomendations-menu .recomendation {
    display: block;
    width: 255px;
    padding: var(--fs-12);
    border-radius: var(--fs-16);
    border: 1px solid var(--grey-light);
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: var(--grey-light);
    outline: none;
  }
  .ast-header .recomendations-menu .recomendation:focus-visible {
    border: 1px solid var(--magenta);
  }
  .ast-header .recomendations-menu .recomendation .recomendation-image {
    display: block;
    position: relative;
    width: 100%;
    border-radius: var(--fs-12);
    overflow: hidden;
    z-index: 1;
    background-color: var(--white);
  }
  .ast-header .recomendations-menu .recomendation .recomendation-image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .ast-header .recomendations-menu .recomendation .recomendation-image img {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: auto;
    min-width: 100%;
  }
  .ast-header .recomendations-menu .recomendation p {
    width: 100%;
    font-size: var(--fs-14);
    --lh: 1.1;
    padding-top: var(--fs-12);
    color: var(--blue);
  }
}
.ast-header .nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--fs-20);
  position: relative;
  width: var(--fs-20);
  height: var(--fs-20);
}
@media (max-width: 1439px) {
  .ast-header .nav-arrow {
    width: var(--fs-16);
    height: var(--fs-16);
  }
}
.ast-header .nav-arrow {
  background: var(--blue-light);
  color: var(--blue);
  pointer-events: auto;
  outline: none;
  flex-shrink: 0;
  transition: transform 0.3s var(--cubic), color 0.3s var(--cubic);
  transform: rotate(0deg);
}
.ast-header .nav-arrow svg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ast-header .nav-arrow:focus-visible {
  background: var(--magenta);
  color: var(--white);
}
.ast-header .nav-arrow.open {
  transform: rotate(180deg);
}
@media (max-width: 1279px) and (min-width: 768px) {
  .ast-header .nav-arrow {
    display: none;
  }
}

@media (max-width: 1279px) {
  .ast-header .recomendations-menu {
    display: none;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .ast-header .navigation {
    display: flex;
    visibility: hidden;
    position: fixed;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    max-height: calc(100svh + 10px);
    max-height: calc(100dvh + 10px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    top: 0px;
    left: 0px;
    background: var(--white);
    transform: translate(0%, -100%);
    transition: opacity 0.5s var(--cubic), transform 0.5s var(--cubic), visibility 0s linear 0.5s;
    opacity: 1;
    pointer-events: none;
    padding-top: 46px;
    z-index: 1;
    border-radius: 0px 0px 30px 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    order: 0;
    margin: 0 auto;
  }
  .ast-header .navigation.open {
    visibility: visible;
    transition-delay: 0s;
    pointer-events: all;
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .ast-header .navigation::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
  }
  .ast-header .menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ast-header .menu .menu-link.active {
    color: var(--magenta);
  }
  .ast-header .menu .socials {
    margin: 0;
    padding: var(--fs-12) var(--fs-32) var(--fs-32) var(--fs-32);
    gap: var(--fs-16);
  }
  .ast-header .menu .socials a {
    width: var(--fs-32);
    height: var(--fs-32);
  }
  .ast-header .menu > li {
    width: calc(50% - 64px);
  }
}
@media (max-width: 1279px) and (min-width: 768px) and (min-width: 1024px) {
  .ast-header .menu > li {
    width: calc(50% - 64px - 15px);
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .ast-header .menu > li.show-in-tablet {
    width: 100%;
  }
  .ast-header .menu > li:first-child.have-submenu {
    margin-top: 0px;
    border-top: none;
  }
  .ast-header .menu > li:first-child.have-submenu .submenu {
    width: 66.666666%;
    columns: 2;
  }
  .ast-header .menu > li:first-child.have-submenu .submenu li:last-child {
    max-width: 100%;
    column-span: all;
  }
  .ast-header .menu > li > .menu-link {
    display: block;
    font-size: var(--fs-18);
    --lh: 1.1;
    padding: var(--fs-12) 0px var(--fs-12) var(--fs-32);
  }
  .ast-header .menu > li.have-submenu {
    display: flex;
    width: 100%;
    border-top: 1px solid var(--grey-medium);
    border-bottom: 1px solid var(--grey-medium);
    padding: var(--fs-24) 32px;
    margin: var(--fs-12) 0px;
  }
  .ast-header .menu > li.have-submenu > .menu-link {
    display: block;
    width: 18%;
    font-size: 24px;
    --lh: 1.3;
    padding: 0px;
  }
  .ast-header .mega-menu {
    display: flex !important;
    height: auto !important;
    position: relative;
    flex: 1;
  }
  .ast-header .mega-menu .socials {
    display: none;
  }
  .ast-header .submenu {
    display: inline-block;
    width: 100%;
    columns: 3;
    column-gap: 0px;
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .ast-header .submenu li {
    max-width: 179px;
    padding: 12px 0px;
  }
}
@media (max-width: 1279px) and (min-width: 768px) and (min-width: 1024px) {
  .ast-header .submenu li {
    max-width: 200px;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .ast-header .submenu .menu-link {
    font-size: 18px;
    --lh: 1;
  }
}
@media (max-width: 767px) {
  .ast-header .navigation {
    display: flex;
    background: rgb(255, 255, 255);
    backdrop-filter: none;
    flex-direction: column;
  }
  .ast-header .menu {
    width: 100%;
    margin: 0 auto;
    max-width: 450px;
    padding: 0px 32px 24px 32px;
  }
  .ast-header .menu .menu-link {
    font-size: 18px;
    --lh: 1.1;
  }
  .ast-header .menu .menu-link:focus-visible {
    color: var(--magenta);
  }
  .ast-header .menu > li {
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0px;
  }
  .ast-header .menu > li .socials {
    margin: 0;
    padding-top: 10px;
    justify-content: center;
    gap: 16px;
  }
  .ast-header .menu > li .socials a {
    width: 32px;
    height: 32px;
  }
  .ast-header .mega-menu {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0px;
    opacity: 1;
    transition: opacity 0.3s var(--cubic), height 0.3s var(--cubic);
  }
  .ast-header .mega-menu .socials {
    display: none;
  }
  .ast-header .submenu {
    padding-left: 16px;
    padding-top: 16px;
  }
  .ast-header .submenu li {
    padding: 12px 0px;
  }
  .ast-header .nav-arrow {
    width: var(--fs-24);
    height: var(--fs-24);
    background: none;
    color: var(--blue);
  }
  .ast-header .nav-arrow:focus-visible {
    background: var(--magenta);
    color: var(--white);
  }
  .ast-header .nav-arrow.open {
    transform: rotate(180deg);
  }
}
@media (max-width: 767px) and (max-width: 1279px) and (min-width: 768px) {
  .ast-header .nav-arrow {
    display: none;
  }
}
.a11y-theme-dark .ast-header .nav-arrow {
  background: var(--black);
  color: var(--white);
}
.a11y-theme-dark .ast-header .nav-arrow:focus-visible {
  background: var(--magenta);
  color: var(--black);
}
.ast-header .burger {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: var(--fs-24);
  height: var(--fs-24);
  font-size: 0px;
  z-index: 3;
  margin-left: 0px;
  flex-shrink: 0;
  order: 1;
  font-size: 0px;
  outline: none;
}
.ast-header .burger span {
  position: absolute;
  height: 2px;
  background: var(--blue);
  transition: 0.6s;
  opacity: 1;
  z-index: 1;
  width: calc(100% - 4px);
  transform: translate(0px, 0px) rotate(0deg);
}
.ast-header .burger span:first-child {
  transform: translate(0px, -7px) rotate(0deg);
}
.ast-header .burger span:last-child {
  transform: translate(0px, 7px) rotate(0deg);
}
@media (hover: hover) {
  .ast-header .burger:hover span {
    background: var(--magenta);
  }
}
.ast-header .burger:focus-visible span {
  background: var(--magenta);
}
.ast-header .burger.open span {
  transform: translate(10px, 0px) rotate(0deg);
  opacity: 0;
}
.ast-header .burger.open span:first-child {
  opacity: 1;
  transform: translate(0px, 0px) rotate(45deg);
}
.ast-header .burger.open span:last-child {
  opacity: 1;
  transform: translate(-0px, 0px) rotate(-45deg);
}

.ast-header .header-buttons {
  display: inline-flex;
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--fs-20);
}
@media (max-width: 414px) {
  .ast-header .header-buttons {
    gap: var(--fs-18);
  }
}
.ast-header .header-buttons {
  order: 1;
  z-index: 3;
}
.ast-header .header-buttons li {
  display: block;
  position: relative;
  width: var(--fs-24);
  height: var(--fs-24);
}
.ast-header .header-buttons li.burger-el {
  display: none;
}
@media (max-width: 1279px) {
  .ast-header .header-buttons li.burger-el {
    display: block;
  }
}

.ast-header .header-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  outline: none;
  width: var(--fs-24);
  height: var(--fs-24);
  font-size: 0px;
  cursor: pointer;
  color: var(--blue);
  transition: color 0.3s var(--cubic);
}
.ast-header .header-button svg {
  width: 100%;
  height: 100%;
}
.ast-header .header-button.active {
  color: var(--white);
}
.ast-header .header-button.active:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  border-radius: 8px;
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  z-index: -1;
}
@media (hover: hover) {
  .ast-header .header-button.active:hover {
    color: var(--white);
  }
}
@media (hover: hover) {
  .ast-header .header-button:hover {
    color: var(--magenta);
  }
}
.ast-header .header-button:focus-visible {
  color: var(--magenta);
}
.ast-header .header-button:focus-visible:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  border-radius: 8px;
  border: 1px solid var(--magenta);
  background-color: rgba(0, 0, 0, 0);
}

.ast-header .basket-counter {
  display: flex;
  position: absolute;
  width: var(--fs-20);
  height: var(--fs-20);
  border-radius: var(--fs-20);
  right: 0px;
  top: 0px;
  background-color: var(--magenta);
  color: var(--white);
  transform: translate(30%, -25%);
  font-size: var(--fs-12);
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ast-header .search-form {
  width: 100%;
  height: var(--fs-40);
  display: inline-flex;
  gap: var(--fs-12);
}
.ast-header .search-form .label {
  position: relative;
}
.ast-header .search-form .input {
  height: 100%;
  --lh: 1;
  width: 100%;
  font-size: var(--fs-14);
  padding: 0px var(--fs-40);
  background-color: var(--white);
  border-radius: var(--fs-16);
}
.ast-header .search-form .input:not(:focus):not(:focus-visible):not(.invalid) {
  border: 1px solid var(--grey-border);
}

.ast-header .search-submit-icon {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  width: var(--fs-40);
  height: 100%;
  border-radius: var(--fs-16);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: var(--blue);
  outline: none;
  overflow: hidden;
  transition: color 0.3s var(--cubic), border 0.3s var(--cubic);
}
.ast-header .search-submit-icon svg {
  width: var(--fs-24);
  height: var(--fs-24);
}
.ast-header .search-submit-icon:focus-visible {
  border: 1px solid var(--magenta);
}

.ast-header .search-close {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: var(--fs-44);
  height: calc(100% - 1px);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 5;
  outline: none;
  border-radius: var(--fs-16);
}
.ast-header .search-close:focus-visible {
  border: 1px solid var(--magenta);
  color: var(--magenta);
}
.ast-header .search-close svg {
  display: block;
  transition: color 0.3s var(--cubic);
  color: var(--grey-dark);
  width: var(--fs-16);
  height: var(--fs-16);
}
@media (hover: hover) {
  .ast-header .search-close:hover svg {
    color: var(--blue);
  }
}

.a11y .ast-header .search-submit-icon svg,.a11y .ast-header .search-close svg {
  color: var(--blue);
}
.ast-header .buttons {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 32px;
}
.ast-header .buttons.mt--auto {
  margin-top: auto;
}
.ast-header .buttons.mt--16 {
  margin-top: var(--fs-16);
}
.ast-header .buttons.mt--12 {
  margin-top: var(--fs-12);
}
.ast-header .buttons.mt--8 {
  margin-top: var(--fs-8);
}
.ast-header .buttons.ta--l {
  justify-content: flex-start;
}
.ast-header .buttons.ta--r {
  justify-content: flex-end;
}
.ast-header .buttons.group {
  gap: 8px;
}
.ast-header .buttons.group .popup-subtitle {
  margin-bottom: 4px;
}
.ast-header .buttons.gap--12 {
  gap: var(--fs-12);
}
.ast-header .buttons.gap--16 {
  gap: var(--fs-16);
}
.ast-header .buttons.gap--20 {
  gap: var(--fs-8) var(--fs-20);
}
.ast-header .buttons.auto {
  flex: 1;
  gap: 18px;
}
@media (max-width: 767px) {
  .ast-header .buttons {
    gap: var(--fs-16);
  }
  .ast-header .buttons.gap--12 {
    gap: var(--fs-12);
  }
  .ast-header .buttons.gap--16 {
    gap: var(--fs-16);
  }
}

.ast-header .button {
  display: inline-flex;
  font-family: var(--font-center);
  font-weight: 400;
  line-height: round(1.3em, 2px);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
  min-height: round(var(--fs-40), 2px);
  padding: round(var(--fs-8), 1px) var(--fs-32);
  gap: 10px;
  border-radius: 100px;
  color: var(--white);
  background-color: var(--magenta);
  text-align: center;
  outline: none;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s var(--cubic), border 0.3s var(--cubic);
}
.ast-header .button span {
  display: block;
  font-family: var(--font-center);
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: round(1.3em, 2px);
  pointer-events: none;
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-header .button:hover {
    background-color: var(--magenta-hover);
  }
}
.ast-header .button:focus-visible {
  background-color: var(--magenta-hover);
}
.ast-header .button.full {
  width: 100%;
  padding-left: var(--fs-16);
  padding-right: var(--fs-16);
}
.ast-header .button.icon-submit {
  flex-wrap: nowrap;
  border-radius: var(--input-border-radius);
  padding: 0px;
  min-width: var(--input-height);
  min-height: var(--input-height);
}
.ast-header .button.icon-submit svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.ast-header .button.blue {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
@media (hover: hover) {
  .ast-header .button.blue:hover {
    background-color: var(--magenta-hover);
    border: 1px solid var(--magenta-hover);
  }
}
.ast-header .button.blue:focus-visible {
  background-color: var(--magenta-hover);
  border: 1px solid var(--magenta-hover);
}
.ast-header .button.blue-light {
  background-color: var(--blue-light);
  border: 1px solid rgba(0, 0, 0, 0);
}
.ast-header .button.blue-light span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-header .button.blue-light:hover {
    background-color: var(--blue-light-hover);
  }
}
.ast-header .button.blue-light:focus-visible {
  background-color: var(--blue-light-hover);
  border: 1px solid var(--blue);
}
.ast-header .button.white {
  background-color: var(--white);
  border: 1px solid var(--white);
}
.ast-header .button.white span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-header .button.white:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-header .button.white:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-header .button.white-border {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-header .button.white-border span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-header .button.white-border:hover {
    background-color: #f9ecf4;
  }
}
.ast-header .button.white-border:focus-visible {
  background-color: #f9ecf4;
}
.ast-header .button.button--tab {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-header .button.button--tab span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-header .button.button--tab:hover {
    background-color: #f9ecf4;
  }
}
.ast-header .button.button--tab:focus-visible {
  background-color: #f9ecf4;
}
.ast-header .button.button--tab.active {
  background-color: var(--magenta);
  border: 1px solid var(--magenta);
  pointer-events: none;
}
.ast-header .button.button--tab.active span {
  color: var(--white);
}
.ast-header .button.blue-border {
  background-color: var(--white);
  border: 1px solid var(--grey-button);
}
.ast-header .button.blue-border span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-header .button.blue-border:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-header .button.blue-border:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-header .button.magenta-light {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: var(--magenta-light);
}
.ast-header .button.magenta-light span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-header .button.magenta-light:hover {
    background-color: var(--magenta-light-hover);
  }
}
.ast-header .button.magenta-light:focus-visible {
  border: 1px solid var(--magenta);
  background-color: var(--magenta-light-hover);
}
.ast-header .button.button-pdf {
  background-color: var(--grey-light);
  color: var(--grey-medium);
  gap: 1rem;
  padding: var(--fs-20) var(--fs-24);
}
.ast-header .button.button-pdf span {
  color: var(--blue);
  font-size: var(--fs-16);
  --lh: 1.2;
  text-align: center;
  font-weight: 700;
}
.ast-header .button.button-pdf span + svg {
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-header .button.button-pdf:hover span {
    color: var(--magenta);
  }
  .ast-header .button.button-pdf:hover span + svg {
    color: var(--magenta);
  }
}
.ast-header .button.button-pdf:focus-visible span {
  color: var(--magenta);
}
.ast-header .button.button-pdf:focus-visible span + svg {
  color: var(--magenta);
}
@media (max-width: 767px) {
  .ast-header .button.button-pdf {
    padding: var(--fs-14) var(--fs-20);
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.ast-header .button:disabled {
  opacity: 1;
  background-color: var(--grey-light);
  border: 1px solid var(--grey-medium);
}
.ast-header .button:disabled span {
  color: var(--grey-medium);
}

.ast-header [data-read-more-btn] {
  margin-top: -12px;
}
@media (max-width: 767px) {
  .ast-header [data-read-more-btn] {
    margin-top: -8px;
  }
}

@media (max-width: 767px) {
  .ast-header .button.load-more {
    width: 100%;
  }
}

.ast-header .fix-button {
  display: block;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  border-radius: var(--fs-30) var(--fs-30) 0px 0px;
  background-color: var(--white);
  padding: 16px 20px;
  z-index: 10;
  transition: transform 0.5s var(--cubic);
  transform: translateY(200%);
}
.ast-header .fix-button.active {
  transform: translateY(0%);
}
.ast-header .fix-button .button {
  width: 100%;
}

.a11y-theme-dark .ast-header .button {
  color: var(--black);
}
.a11y-theme-dark .ast-header .button.blue {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-header .button.blue:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-header .button.blue:focus-visible {
  color: var(--black);
}
.a11y-theme-dark .ast-header .button.blue-light {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-header .button.blue-light:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-header .button.blue-light:focus-visible {
  color: var(--black);
}
.ast-header .socials {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--fs-8);
  margin-top: 4px;
}
.ast-header .socials a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--blue);
  transition: color 0.3s var(--cubic);
  outline: none;
}
@media (hover: hover) {
  .ast-header .socials a:hover {
    color: var(--magenta);
  }
}
.ast-header .socials a:focus-visible {
  color: var(--magenta);
}
.ast-header .socials a svg {
  display: block;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
/* Only the new header is styled here. Existing page content keeps vine CSS. */
.ast-header,
.ast-a11y-panel {
  font-family: "Mabry Pro", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  --lh: 1.3;
  color: var(--blue);
}

.ast-header {
  --fs-4: 4px;
  --fs-5: 5px;
  --fs-6: 6px;
  --fs-8: 8px;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-33: 33px;
  --fs-34: 34px;
  --fs-35: 35px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-54: 54px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-64: 64px;
  --fs-72: 72px;
  --fs-74: 74px;
  top: var(--ast-admin-offset, 0px);
  transform: none;
}
.ast-header .header-dropdown {
  min-width: 0;
}
.ast-header .search-form .label {
  display: block;
  position: relative;
  width: 100%;
}
.ast-header .search-form .input {
  min-width: 0;
  color: var(--blue);
  font-family: inherit;
  outline: none;
}
.ast-header .search-form .input:focus-visible {
  border: 1px solid var(--magenta);
}
.ast-header .search-form .input::-webkit-search-cancel-button {
  display: none;
}
.ast-header .search-form .search-submit-icon svg {
  height: 24px;
}
.ast-header .header-buttons .header-button {
  flex: 0 0 24px;
}
.ast-header .recomendations-menu .title {
  font-family: inherit;
  line-height: 1.3;
}
.ast-header .recomendation .cut-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.1;
}
@media (max-width: 1279px) {
  .ast-header .navigation {
    max-height: calc(100dvh - var(--ast-admin-offset, 0px) - var(--ast-a11y-height, 0px));
  }
  .ast-header .navigation {
    top: calc(var(--ast-admin-offset, 0px) + var(--ast-a11y-height, 0px));
    padding-top: var(--ast-header-height, 47px);
  }
}
@media (max-width: 767px) {
  .ast-header .header-dropdown {
    max-height: calc(100dvh - var(--ast-admin-offset, 0px) - var(--ast-a11y-height, 0px));
  }
  .ast-header .header-dropdown {
    top: calc(var(--ast-admin-offset, 0px) + var(--ast-a11y-height, 0px));
    padding-top: var(--ast-header-height, 47px);
  }
}

html:has(body.ast-site) {
  scroll-padding-top: calc(var(--ast-header-height, 47px) + var(--ast-admin-offset, 0px) + var(--ast-a11y-height, 0px));
}

body.ast-site > .vine-main {
  padding-top: calc(var(--ast-header-height, 47px) + var(--ast-a11y-height, 0px));
}

body.ast-site.a11y .ast-header {
  top: calc(var(--ast-admin-offset, 0px) + var(--ast-a11y-height, 40px));
  transform: none;
}

html.ast-menu-open, html.ast-menu-open body {
  overflow: hidden;
}

.ast-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ast-skip-link {
  position: fixed;
  top: 0;
  left: 8px;
  transform: translateY(-200%);
  z-index: 10000;
  background: #fff;
  color: #273551;
  padding: 12px;
}

.ast-skip-link:focus {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ast-header *, .ast-a11y-panel {
    transition: none !important;
    animation: none !important;
  }
}
/* End */


/* Start:/local/templates/vine/assets/css/header-auth.css?17933869773408*/
/* New AST login presentation; existing phone/email handlers and data attributes remain. */
.ast-site .contacts-modal:has(> .contacts-modal__window--auth) { padding: 24px 16px; align-items: center; }
.ast-site .contacts-modal__window--auth { position: relative; width: 430px; min-height: 0; gap: 0; padding: 32px; border-radius: 26px; box-shadow: 0 0 20px #2735511a; color: #273551; font-family: 'Mabry Pro', Arial, sans-serif; }
.ast-site .contacts-modal__window--auth .contacts-modal__head { height: 0; margin: 0; padding: 0; }
.ast-site .contacts-modal__window--auth .contacts-modal__close { position: absolute; top: 32px; right: 32px; width: 24px; height: 24px; border: 0; background: none; }
.ast-site .contacts-modal__window--auth .contacts-modal__window--auth { width: 100%; padding: 0; border-radius: 0; box-shadow: none; }
.ast-site .contacts-modal__window--auth .auth-modal__content { width: 100%; }
.ast-site .auth-modal__step { margin: 0; gap: 20px; align-items: stretch; }
.ast-site .auth-modal__step[hidden] { display: none; }
.ast-site .auth-modal__title { padding-right: 32px; font-size: 24px; font-weight: 700; line-height: 1; text-align: left; color: #273551; }
.ast-site .auth-modal__field-label { margin-bottom: -12px; font-size: 14px; line-height: 1.3; color: #636669; }
.ast-site .auth-modal__field { height: 50px; padding: 0 16px; border: 1px solid #e2e5ea; border-radius: 16px; background: #fff; }
.ast-site .auth-modal__field:focus-within { border-color: #c24191; }
.ast-site .auth-modal__input { font-size: 16px; color: #273551; outline: none; }
.ast-site .auth-modal__input::placeholder { color: #636669; }
.ast-site .auth-modal__hint, .ast-site .auth-modal__terms, .ast-site .auth-modal__timer, .ast-site .auth-modal__social-title { font-size: 14px; line-height: 1.3; color: #636669; text-align: left; }
.ast-site .auth-modal__error { font-size: 14px; color: #e0483c; }
.ast-site .auth-modal__social { gap: 8px; width: 100%; align-items: stretch; }
.ast-site .auth-modal__step .vine-btn { align-self: flex-start; display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 8px 32px; min-height: 40px; border: 1px solid transparent; border-radius: 100px; background: #c24191; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.3; }
.ast-site .auth-modal__step .vine-btn:hover:not(:disabled) { background: #aa397f; }
.ast-site .auth-modal__step .vine-btn:focus-visible, .ast-site .auth-modal__back:focus-visible { outline: 2px solid #c24191; outline-offset: 3px; }
.ast-site .auth-modal__step .auth-modal__social-btn { align-self: stretch; width: 100%; min-width: 0; padding: 8px 16px; background: #fff; border-color: #273551; color: #273551; }
.ast-site .auth-modal__social-btn:disabled { opacity: .45; cursor: default; }
.ast-site .auth-modal__code { gap: 8px; }
.ast-site .auth-modal__code-input { height: 50px; padding: 4px; border: 1px solid #e2e5ea; border-radius: 12px; font-size: 22px; color: #273551; }
.ast-site .auth-modal__code-input:focus-visible { outline: 2px solid #c24191; outline-offset: 2px; }
.ast-site .auth-modal__back, .ast-site .auth-modal__terms a { color: #c24191; font-size: 14px; }
.ast-site .auth-modal__step--done { padding: 0; }
@media (max-width: 767px) {
	.ast-site .contacts-modal__window--auth { padding: 20px; }
	.ast-site .contacts-modal__window--auth .contacts-modal__close { top: 20px; right: 20px; }
}

/* End */


/* Start:/local/templates/vine/assets/css/vendor/swiper-bundle.min.css?179338698018454*/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/vine/components/bitrix/search.title/header-search/style.css?1793387018619*/
.title-search-result { z-index: 300; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 8px 24px #2735511a; color: #273551; font-family: 'Mabry Pro', sans-serif; }
.title-search-result table { width: 100%; }
.title-search-result td { padding: 10px 14px; font-size: 14px; }
.title-search-result a { color: #273551; text-decoration: none; }
.title-search-result .title-search-selected td { background: #edf0f5; }
.title-search-result a:hover, .title-search-result a:focus-visible { color: #c24191; text-decoration: underline; }
.title-search-result .title-search-separator { display: none; }

/* End */


/* Start:/local/components/vine/accessibility/templates/.default/style.css?17933869748528*/
/* Generated by server-worker/reinstall/build_header.cjs */
.ast-a11y-panel {
  --font: 'Mabry Pro', system-ui, -apple-system, sans-serif;
  --font-center: 'Mabry Pro Center', system-ui, -apple-system, sans-serif;
  --black: #0b1020;
  --white: #ffffff;
  --grey: #b1b9ca;
  --grey-text: #636669;
  --grey-dark: #6b7280;
  --grey-medium: #b2b2b2;
  --grey-light: #edf0f5;
  --grey-stars: #d6d8dd;
  --grey-border: #e5e7eb;
  --grey-menu-border: #888888;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --blue: #273551;
  --blue-text: #94a3b8;
  --blue-light: rgba(5, 67, 189, 0.102);
  --blue-light-hover: rgba(5, 67, 189, 0.18);
  --blue-menu-active: #cdd4e2;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --svg-line: #e29cc5;
  --magenta-light: rgba(194, 65, 145, 0.102);
  --magenta-light-hover: rgba(194, 65, 145, 0.2);
  --magenta-opacity: rgba(228, 57, 162, 0.5);
  --magenta-checked: rgba(226, 156, 197, 0.302);
  --invalid: #e0483c;
  --invalid-light: rgba(217, 45, 32, 0.102);
  --green: #8fc78f;
  --green-light: rgba(18, 183, 106, 0.102);
  --orange: #f3997b;
  --orange-light: rgba(247, 144, 9, 0.102);
  --fs-4: 0.25rem;
  --fs-5: 0.3125rem;
  --fs-6: 0.375rem;
  --fs-8: 0.5rem;
  --fs-9: 0.5625rem;
  --fs-10: 0.625rem;
  --fs-12: 0.75rem;
  --fs-13: 0.84375rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-17: 1.0625rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-25: 1.5625rem;
  --fs-26: 1.625rem;
  --fs-28: 1.75rem;
  --fs-30: 1.875rem;
  --fs-32: 2rem;
  --fs-33: 2.0625rem;
  --fs-34: 2.125rem;
  --fs-35: 2.1875rem;
  --fs-36: 2.25rem;
  --fs-38: 2.375rem;
  --fs-40: 2.5rem;
  --fs-44: 2.75rem;
  --fs-48: 3rem;
  --fs-50: 3.125rem;
  --fs-54: 3.375rem;
  --fs-56: 3.5rem;
  --fs-60: 3.75rem;
  --fs-64: 4rem;
  --fs-72: 4.5rem;
  --fs-74: 4.625rem;
  --fs-168: 10.5rem;
  --fs-512: 32rem;
  --fs-555: 34.6875rem;
  --fs-800: 50rem;
  --fs-400: 25rem;
  --fs-320: 20rem;
  --fs-300: 18.75rem;
  --fs-200: 12.5rem;
  --fs-150: 9.375rem;
  --cubic: cubic-bezier(0.4, 0, 0.2, 1);
}
.ast-a11y-panel {
  display: flex;
  position: fixed;
  overflow: hidden;
  z-index: 21;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  transition: transform 0.6s var(--cubic);
  transform: translateY(-100%);
  justify-content: center;
  align-items: center;
  background-color: var(--grey-light);
  color: var(--blue);
  pointer-events: none;
  border-bottom: 1px solid var(--grey-border);
}
.ast-a11y-panel * {
  letter-spacing: 0px !important;
}
.ast-a11y-panel .container {
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 859px) {
  .ast-a11y-panel .container {
    gap: 10px;
  }
}
@media (max-width: 759px) {
  .ast-a11y-panel .container {
    gap: 5px;
  }
}
.ast-a11y-panel .a11y-panel__item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ast-a11y-panel .a11y-panel__item p {
  font-size: 14px;
}
.ast-a11y-panel p {
  position: relative;
  transform: translateX(8px);
  font-size: 14px;
  margin-right: 10px;
}
@media (max-width: 859px) {
  .ast-a11y-panel p {
    display: none;
  }
}

.ast-a11y-panel .a11y-panel-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
@media (max-width: 859px) {
  .ast-a11y-panel .a11y-panel-group {
    gap: 2px;
  }
}
.ast-a11y-panel .a11y-panel-group .a11y-option {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.ast-a11y-panel .a11y-panel-group .a11y-option input {
  position: absolute;
  z-index: -1;
  width: 0px;
  height: 0px;
  opacity: 0;
}
.ast-a11y-panel .a11y-panel-group .a11y-option input + span {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 859px) {
  .ast-a11y-panel .a11y-panel-group .a11y-option input + span {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 359px) {
  .ast-a11y-panel .a11y-panel-group .a11y-option input + span {
    width: 20px;
    height: 20px;
  }
}
.ast-a11y-panel .a11y-panel-group .a11y-option input + span.bigger {
  font-size: 18px;
}
.ast-a11y-panel .a11y-panel-group .a11y-option input + span.more-bigger {
  font-size: 26px;
}
.ast-a11y-panel .a11y-panel-group .a11y-option input:checked + span {
  border: 1px solid var(--blue);
  background-color: var(--white);
}
.ast-a11y-panel .a11y-panel-group .a11y-option input:focus-visible + span {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  color: var(--white);
}

.a11y-theme-dark .ast-a11y-panel {
  background-color: #000000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: var(--black);
}
.a11y-theme-dark .ast-a11y-panel .a11y-panel-group .a11y-option input + span {
  border: 1px solid #000000;
  background-color: #000000;
}
.a11y-theme-dark .ast-a11y-panel .a11y-panel-group .a11y-option input:checked + span {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #000000;
  color: var(--black);
}
.a11y-theme-dark .ast-a11y-panel .a11y-panel-group .a11y-option input:focus-visible + span {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  color: var(--black);
}
.ast-a11y-panel {
  top: var(--ast-admin-offset, 0px);
  font-family: "Mabry Pro", Arial, sans-serif;
  --lh: 1.3;
  font-size: 14px;
  line-height: 1.3;
}
.ast-a11y-panel [hidden], .ast-a11y-panel[hidden] {
  display: none !important;
}
.ast-a11y-panel .container {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}
.ast-a11y-panel p {
  margin-top: 0;
  margin-bottom: 0;
}
.ast-a11y-panel fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.ast-a11y-panel button {
  border: 0;
  padding: 4px;
  background: none;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
}
.ast-a11y-panel .a11y-exit {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 28px;
}
@media (min-width: 1920px) {
  .ast-a11y-panel .container {
    max-width: 1720px;
  }
}
@media (max-width: 1439px) {
  .ast-a11y-panel .container {
    max-width: 1280px;
    padding: 0 20px;
  }
}
@media (max-width: 1151px) {
  .ast-a11y-panel .container {
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  .ast-a11y-panel .container {
    padding: 0 8px;
  }
}
@media (max-width: 359px) {
  .ast-a11y-panel .container {
    gap: 2px;
  }
}

body.a11y .ast-a11y-panel {
  transform: none;
  pointer-events: auto;
}

body.a11y {
  --vine-font: 'Mabry Pro', Arial, sans-serif;
  --vine-fz-text: 1.125rem;
  --vine-fz-small: .875rem;
  --vine-fz-h1: 2.5rem;
  --vine-fz-h2: 2.125rem;
  --vine-fz-h3: 1.75rem;
  --vine-fz-h4: 1.5rem;
  font-size: var(--vine-fz-text);
  line-height: 1.5;
}

html:has(body.a11y) {
  font-size: 18px;
}

html:has(body.a11y-font-big) {
  font-size: 20px;
}

html:has(body.a11y-font-large) {
  font-size: 22px;
}

body.a11y-spacing-wide .vine-main * {
  letter-spacing: 0.04em;
}

body.a11y-spacing-wider .vine-main * {
  letter-spacing: 0.08em;
}

body.a11y-images-grayscale .vine-main :is(img, video, picture, [style*=background-image]) {
  filter: grayscale(1);
}

body.a11y-images-hidden .vine-main :is(img, video, picture) {
  visibility: hidden;
}

body.a11y-images-hidden .vine-main [style*=background-image] {
  background-image: none !important;
}

body.a11y-theme-dark {
  --vine-color-bg: #111;
  --vine-color-text: #fff;
  --vine-color-link: #f0aad4;
  --vine-color-card: #333;
  --vine-color-btn: #fff;
  --vine-color-btn-text: #111;
  background: #111;
  color: #fff;
}

body.a11y-theme-dark :is(.ast-header, .ast-a11y-panel) {
  --blue: #fff;
  --white: #111;
  --black: #fff;
  --grey-light: #222;
  --grey-border: #777;
  --grey-text: #ddd;
}

body.a11y-theme-dark .ast-header .container::before,
body.a11y-theme-dark .ast-header .navigation,
body.a11y-theme-dark .ast-header .mega-menu,
body.a11y-theme-dark .ast-header .header-dropdown,
body.a11y-theme-dark .ast-a11y-panel {
  background: #111;
}

body.a11y-theme-dark .vine-main :is(h1, h2, h3, h4, p, li, td, th) {
  color: #fff;
}

body.a11y-theme-dark .vine-main a {
  color: #f0aad4;
}

.ast-a11y-panel .a11y-option input:focus-visible + span {
  outline: 2px solid #c24191;
  outline-offset: 1px;
}
/* End */


/* Start:/local/templates/vine/components/bitrix/breadcrumb/vine/style.css?17933870252610*/
/* ====================================================== ХЛЕБНЫЕ КРОШКИ
   Макет Figma HA2Vx4dnWPRDdb6SL7tM3y, узел 14:157 (строка 535×16, x=16, y=0).
   H1 страницы в макете начинается на y=32 — значит под крошками 16px.
   Общий слой (.vine-container, токены цветов и кеглей) — в template_styles.css.
   ==================================================================== */

.ast-site .vine-breadcrumb-wrap {
	width: 100%;
	max-width: 1340px;
	margin: 24px auto 32px;
	padding: 0;
	font-family: 'Mabry Pro', Arial, sans-serif;
}

.vine-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;       /* длинное название курса переносится, а не рвёт сетку */
	align-items: flex-start; /* в макете items-start: верхние кромки на одной линии */
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vine-breadcrumb__item {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
}

/* разделитель «|»: Roboto Bold 12px, #AEAEAE (цвет разделителей крошек из макета) */
.vine-breadcrumb__sep {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	line-height: normal;
	color: #AEAEAE;
	margin: 0 8px;
	-webkit-user-select: none;
	user-select: none;
}

/* пункт-ссылка: Roboto Regular 14px, #0077FF, подчёркнутая */
.vine-breadcrumb__link {
	font-size: var(--vine-fz-small); /* 14px */
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	color: #c24191;
	text-decoration: none;
	text-decoration-skip-ink: none;
	text-underline-position: from-font;
}

.vine-breadcrumb__link:hover,
.vine-breadcrumb__link:focus {
	color: #aa397f;
	text-decoration: underline;
}

.vine-breadcrumb__link:focus-visible {
	outline: 2px solid var(--vine-color-link);
	outline-offset: 2px;
}

/* текущая страница: Roboto Bold 14px, чёрный, без ссылки */
.vine-breadcrumb__current {
	font-size: var(--vine-fz-small); /* 14px */
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	color: #636669;
}

@media (min-width: 1920px) { .vine-breadcrumb-wrap { max-width: 1720px; } }
@media (max-width: 1439px) { .vine-breadcrumb-wrap { max-width: 1280px; padding: 0 20px; } }
@media (max-width: 1151px) { .vine-breadcrumb-wrap { padding: 0 32px; } }
@media (max-width: 767px) { .vine-breadcrumb-wrap { padding: 0 16px; } .vine-breadcrumb__link, .vine-breadcrumb__current { font-size: 12px; } }

/* End */


/* Start:/local/templates/vine/assets/css/footer.css?179339264497536*/
/* Generated from upstream SCSS by build_footer.cjs; no spacing values are reconstructed. */
.ast-footer {
  --font: 'Mabry Pro', system-ui, -apple-system, sans-serif;
  --font-center: 'Mabry Pro Center', system-ui, -apple-system, sans-serif;
  --black: #0b1020;
  --white: #ffffff;
  --grey: #b1b9ca;
  --grey-text: #636669;
  --grey-dark: #6b7280;
  --grey-medium: #b2b2b2;
  --grey-light: #edf0f5;
  --grey-stars: #d6d8dd;
  --grey-border: #e5e7eb;
  --grey-menu-border: #888888;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --blue: #273551;
  --blue-text: #94a3b8;
  --blue-light: rgba(5, 67, 189, 0.102);
  --blue-light-hover: rgba(5, 67, 189, 0.18);
  --blue-menu-active: #cdd4e2;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --svg-line: #e29cc5;
  --magenta-light: rgba(194, 65, 145, 0.102);
  --magenta-light-hover: rgba(194, 65, 145, 0.2);
  --magenta-opacity: rgba(228, 57, 162, 0.5);
  --magenta-checked: rgba(226, 156, 197, 0.302);
  --invalid: #e0483c;
  --invalid-light: rgba(217, 45, 32, 0.102);
  --green: #8fc78f;
  --green-light: rgba(18, 183, 106, 0.102);
  --orange: #f3997b;
  --orange-light: rgba(247, 144, 9, 0.102);
  --fs-4: calc(0.25 * var(--ast-ui-rem));
  --fs-5: calc(0.3125 * var(--ast-ui-rem));
  --fs-6: calc(0.375 * var(--ast-ui-rem));
  --fs-8: calc(0.5 * var(--ast-ui-rem));
  --fs-9: calc(0.5625 * var(--ast-ui-rem));
  --fs-10: calc(0.625 * var(--ast-ui-rem));
  --fs-12: calc(0.75 * var(--ast-ui-rem));
  --fs-13: calc(0.84375 * var(--ast-ui-rem));
  --fs-14: calc(0.875 * var(--ast-ui-rem));
  --fs-15: calc(0.9375 * var(--ast-ui-rem));
  --fs-16: calc(1 * var(--ast-ui-rem));
  --fs-17: calc(1.0625 * var(--ast-ui-rem));
  --fs-18: calc(1.125 * var(--ast-ui-rem));
  --fs-20: calc(1.25 * var(--ast-ui-rem));
  --fs-22: calc(1.375 * var(--ast-ui-rem));
  --fs-24: calc(1.5 * var(--ast-ui-rem));
  --fs-25: calc(1.5625 * var(--ast-ui-rem));
  --fs-26: calc(1.625 * var(--ast-ui-rem));
  --fs-28: calc(1.75 * var(--ast-ui-rem));
  --fs-30: calc(1.875 * var(--ast-ui-rem));
  --fs-32: calc(2 * var(--ast-ui-rem));
  --fs-33: calc(2.0625 * var(--ast-ui-rem));
  --fs-34: calc(2.125 * var(--ast-ui-rem));
  --fs-35: calc(2.1875 * var(--ast-ui-rem));
  --fs-36: calc(2.25 * var(--ast-ui-rem));
  --fs-38: calc(2.375 * var(--ast-ui-rem));
  --fs-40: calc(2.5 * var(--ast-ui-rem));
  --fs-44: calc(2.75 * var(--ast-ui-rem));
  --fs-48: calc(3 * var(--ast-ui-rem));
  --fs-50: calc(3.125 * var(--ast-ui-rem));
  --fs-54: calc(3.375 * var(--ast-ui-rem));
  --fs-56: calc(3.5 * var(--ast-ui-rem));
  --fs-60: calc(3.75 * var(--ast-ui-rem));
  --fs-64: calc(4 * var(--ast-ui-rem));
  --fs-72: calc(4.5 * var(--ast-ui-rem));
  --fs-74: calc(4.625 * var(--ast-ui-rem));
  --fs-168: calc(10.5 * var(--ast-ui-rem));
  --fs-512: calc(32 * var(--ast-ui-rem));
  --fs-555: calc(34.6875 * var(--ast-ui-rem));
  --fs-800: calc(50 * var(--ast-ui-rem));
  --fs-400: calc(25 * var(--ast-ui-rem));
  --fs-320: calc(20 * var(--ast-ui-rem));
  --fs-300: calc(18.75 * var(--ast-ui-rem));
  --fs-200: calc(12.5 * var(--ast-ui-rem));
  --fs-150: calc(9.375 * var(--ast-ui-rem));
  --cubic: cubic-bezier(0.4, 0, 0.2, 1);
}
.ast-footer {
  --ast-ui-rem: 16px;
  font-size: 16px;
  letter-spacing: normal;
  font-family: var(--font);
  --lh: 1.5;
  font-weight: 400;
}
@media (max-width: 359px) {
  .ast-footer {
    --ast-ui-rem: 14px;
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  body.a11y .ast-footer {
    --ast-ui-rem: 18px;
    font-size: 18px;
  }
  body.a11y.a11y-font-big .ast-footer {
    --ast-ui-rem: 20px;
    font-size: 20px;
  }
  body.a11y.a11y-font-large .ast-footer {
    --ast-ui-rem: 22px;
    font-size: 22px;
  }
}
body.a11y.a11y-spacing-wide .ast-footer * {
  letter-spacing: 0.04em;
}
body.a11y.a11y-spacing-wider .ast-footer * {
  letter-spacing: 0.08em;
}
body.a11y.a11y-theme-light .ast-footer {
  --blue: #000000;
}
body.a11y.a11y-theme-light .ast-footer .popup {
  --blue: #273551;
}
body.a11y.a11y-theme-dark .ast-footer {
  --black: #ffffff;
  --white: #3d3e3f;
  --blue: #ffffff;
  --grey-light: #2d2e30;
  --blue-light: #ffffff;
  --blue-light-hover: #c24191;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --magenta-light: #c24191;
  --magenta-light-hover: #aa397f;
  --magenta-opacity: rgba(228, 57, 162, 1);
  --grey-border: rgba(255, 255, 255, 0.3);
  --grey-medium: rgba(255, 255, 255, 0.3);
  --grey-text: rgba(255, 255, 255, 0.8);
  --grey-dark: rgba(255, 255, 255, 0.8);
  --grey: rgba(255, 255, 255, 0.3);
  --grey-menu-border: rgba(255, 255, 255, 0.3);
  --blue-text: rgba(255, 255, 255, 0.8);
  --grey-stars: #d6d8dd;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --invalid: #e0483c;
  --green: #8fc78f;
}
body.a11y .ast-footer .popup {
  --ast-ui-rem: 16px;
  font-size: 16px;
}
body.a11y .ast-footer .popup * {
  letter-spacing: normal !important;
}
body.a11y .ast-footer .popup {
  --fs-4: 4px;
  --fs-5: 5px;
  --fs-6: 6px;
  --fs-8: 8px;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-33: 33px;
  --fs-34: 34px;
  --fs-35: 35px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-54: 54px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-64: 64px;
  --fs-72: 72px;
  --fs-74: 74px;
  --fs-168: 168px;
  --fs-512: 512px;
  --fs-555: 555px;
  --fs-800: 800px;
  --fs-400: 400px;
  --fs-320: 320px;
  --fs-300: 300px;
  --fs-200: 200px;
  --fs-150: 150px;
}
.ast-footer {
  font-optical-sizing: auto;
  font-style: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
}
.ast-footer *,.ast-footer *:before,.ast-footer *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}

.ast-footer img,.ast-footer video {
  display: block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.ast-footer svg {
  display: block;
}

.ast-footer h1,.ast-footer h2,.ast-footer h3,.ast-footer h4,.ast-footer h5,.ast-footer h6,.ast-footer b strong {
  font-family: var(--font);
  color: inherit;
  font-weight: 700;
}

.ast-footer a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.ast-footer ul,.ast-footer ol,.ast-footer menu {
  list-style: none;
}

.ast-footer fieldset {
  border: none;
}

.ast-footer button {
  position: relative;
  border: none;
  cursor: pointer;
  background: none;
  color: inherit;
  font-family: var(--font);
  font-size: 0;
}
.ast-footer button:disabled {
  cursor: auto;
  pointer-events: none;
  opacity: 0.3;
}

.ast-footer button,.ast-footer input,.ast-footer select,.ast-footer textarea {
  font: inherit;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}
.ast-footer .container {
  display: flex;
  gap: var(--fs-32);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  z-index: 1;
}
.ast-footer .container.center {
  justify-content: center;
  text-align: center;
}
.ast-footer .container.gap--16 {
  gap: var(--fs-16);
}
.ast-footer .container.gap--24 {
  gap: var(--fs-24);
}
.ast-footer .container.gap--40 {
  gap: var(--fs-40);
}
@media (min-width: 1920px) {
  .ast-footer .container {
    max-width: 1720px;
  }
}
@media (max-width: 1439px) {
  .ast-footer .container {
    max-width: 1280px;
    padding: 0px 20px;
  }
}
@media (max-width: 1151px) {
  .ast-footer .container {
    padding: 0px 32px;
    gap: var(--fs-24);
  }
}
@media (max-width: 767px) {
  .ast-footer .container {
    padding: 0px 16px;
    gap: var(--fs-24);
  }
  .ast-footer .container.gap--40 {
    gap: var(--fs-24);
  }
}

@media (min-width: 1280px) {
  .ast-footer *.show-in-tablet {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .ast-footer *.delete-in-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ast-footer *.delete-in-mobil {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ast-footer *.show-in-mobil {
    display: none !important;
  }
}
.ast-popups {
  --font: 'Mabry Pro', system-ui, -apple-system, sans-serif;
  --font-center: 'Mabry Pro Center', system-ui, -apple-system, sans-serif;
  --black: #0b1020;
  --white: #ffffff;
  --grey: #b1b9ca;
  --grey-text: #636669;
  --grey-dark: #6b7280;
  --grey-medium: #b2b2b2;
  --grey-light: #edf0f5;
  --grey-stars: #d6d8dd;
  --grey-border: #e5e7eb;
  --grey-menu-border: #888888;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --blue: #273551;
  --blue-text: #94a3b8;
  --blue-light: rgba(5, 67, 189, 0.102);
  --blue-light-hover: rgba(5, 67, 189, 0.18);
  --blue-menu-active: #cdd4e2;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --svg-line: #e29cc5;
  --magenta-light: rgba(194, 65, 145, 0.102);
  --magenta-light-hover: rgba(194, 65, 145, 0.2);
  --magenta-opacity: rgba(228, 57, 162, 0.5);
  --magenta-checked: rgba(226, 156, 197, 0.302);
  --invalid: #e0483c;
  --invalid-light: rgba(217, 45, 32, 0.102);
  --green: #8fc78f;
  --green-light: rgba(18, 183, 106, 0.102);
  --orange: #f3997b;
  --orange-light: rgba(247, 144, 9, 0.102);
  --fs-4: calc(0.25 * var(--ast-ui-rem));
  --fs-5: calc(0.3125 * var(--ast-ui-rem));
  --fs-6: calc(0.375 * var(--ast-ui-rem));
  --fs-8: calc(0.5 * var(--ast-ui-rem));
  --fs-9: calc(0.5625 * var(--ast-ui-rem));
  --fs-10: calc(0.625 * var(--ast-ui-rem));
  --fs-12: calc(0.75 * var(--ast-ui-rem));
  --fs-13: calc(0.84375 * var(--ast-ui-rem));
  --fs-14: calc(0.875 * var(--ast-ui-rem));
  --fs-15: calc(0.9375 * var(--ast-ui-rem));
  --fs-16: calc(1 * var(--ast-ui-rem));
  --fs-17: calc(1.0625 * var(--ast-ui-rem));
  --fs-18: calc(1.125 * var(--ast-ui-rem));
  --fs-20: calc(1.25 * var(--ast-ui-rem));
  --fs-22: calc(1.375 * var(--ast-ui-rem));
  --fs-24: calc(1.5 * var(--ast-ui-rem));
  --fs-25: calc(1.5625 * var(--ast-ui-rem));
  --fs-26: calc(1.625 * var(--ast-ui-rem));
  --fs-28: calc(1.75 * var(--ast-ui-rem));
  --fs-30: calc(1.875 * var(--ast-ui-rem));
  --fs-32: calc(2 * var(--ast-ui-rem));
  --fs-33: calc(2.0625 * var(--ast-ui-rem));
  --fs-34: calc(2.125 * var(--ast-ui-rem));
  --fs-35: calc(2.1875 * var(--ast-ui-rem));
  --fs-36: calc(2.25 * var(--ast-ui-rem));
  --fs-38: calc(2.375 * var(--ast-ui-rem));
  --fs-40: calc(2.5 * var(--ast-ui-rem));
  --fs-44: calc(2.75 * var(--ast-ui-rem));
  --fs-48: calc(3 * var(--ast-ui-rem));
  --fs-50: calc(3.125 * var(--ast-ui-rem));
  --fs-54: calc(3.375 * var(--ast-ui-rem));
  --fs-56: calc(3.5 * var(--ast-ui-rem));
  --fs-60: calc(3.75 * var(--ast-ui-rem));
  --fs-64: calc(4 * var(--ast-ui-rem));
  --fs-72: calc(4.5 * var(--ast-ui-rem));
  --fs-74: calc(4.625 * var(--ast-ui-rem));
  --fs-168: calc(10.5 * var(--ast-ui-rem));
  --fs-512: calc(32 * var(--ast-ui-rem));
  --fs-555: calc(34.6875 * var(--ast-ui-rem));
  --fs-800: calc(50 * var(--ast-ui-rem));
  --fs-400: calc(25 * var(--ast-ui-rem));
  --fs-320: calc(20 * var(--ast-ui-rem));
  --fs-300: calc(18.75 * var(--ast-ui-rem));
  --fs-200: calc(12.5 * var(--ast-ui-rem));
  --fs-150: calc(9.375 * var(--ast-ui-rem));
  --cubic: cubic-bezier(0.4, 0, 0.2, 1);
}
.ast-popups {
  --ast-ui-rem: 16px;
  font-size: 16px;
  letter-spacing: normal;
  font-family: var(--font);
  --lh: 1.5;
  font-weight: 400;
}
@media (max-width: 359px) {
  .ast-popups {
    --ast-ui-rem: 14px;
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  body.a11y .ast-popups {
    --ast-ui-rem: 18px;
    font-size: 18px;
  }
  body.a11y.a11y-font-big .ast-popups {
    --ast-ui-rem: 20px;
    font-size: 20px;
  }
  body.a11y.a11y-font-large .ast-popups {
    --ast-ui-rem: 22px;
    font-size: 22px;
  }
}
body.a11y.a11y-spacing-wide .ast-popups * {
  letter-spacing: 0.04em;
}
body.a11y.a11y-spacing-wider .ast-popups * {
  letter-spacing: 0.08em;
}
body.a11y.a11y-theme-light .ast-popups {
  --blue: #000000;
}
body.a11y.a11y-theme-light .ast-popups .popup {
  --blue: #273551;
}
body.a11y.a11y-theme-dark .ast-popups {
  --black: #ffffff;
  --white: #3d3e3f;
  --blue: #ffffff;
  --grey-light: #2d2e30;
  --blue-light: #ffffff;
  --blue-light-hover: #c24191;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --magenta-light: #c24191;
  --magenta-light-hover: #aa397f;
  --magenta-opacity: rgba(228, 57, 162, 1);
  --grey-border: rgba(255, 255, 255, 0.3);
  --grey-medium: rgba(255, 255, 255, 0.3);
  --grey-text: rgba(255, 255, 255, 0.8);
  --grey-dark: rgba(255, 255, 255, 0.8);
  --grey: rgba(255, 255, 255, 0.3);
  --grey-menu-border: rgba(255, 255, 255, 0.3);
  --blue-text: rgba(255, 255, 255, 0.8);
  --grey-stars: #d6d8dd;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --invalid: #e0483c;
  --green: #8fc78f;
}
body.a11y .ast-popups .popup {
  --ast-ui-rem: 16px;
  font-size: 16px;
}
body.a11y .ast-popups .popup * {
  letter-spacing: normal !important;
}
body.a11y .ast-popups .popup {
  --fs-4: 4px;
  --fs-5: 5px;
  --fs-6: 6px;
  --fs-8: 8px;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-33: 33px;
  --fs-34: 34px;
  --fs-35: 35px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-54: 54px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-64: 64px;
  --fs-72: 72px;
  --fs-74: 74px;
  --fs-168: 168px;
  --fs-512: 512px;
  --fs-555: 555px;
  --fs-800: 800px;
  --fs-400: 400px;
  --fs-320: 320px;
  --fs-300: 300px;
  --fs-200: 200px;
  --fs-150: 150px;
}
.ast-popups {
  font-optical-sizing: auto;
  font-style: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
}
.ast-popups *,.ast-popups *:before,.ast-popups *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}

.ast-popups img,.ast-popups video {
  display: block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.ast-popups svg {
  display: block;
}

.ast-popups h1,.ast-popups h2,.ast-popups h3,.ast-popups h4,.ast-popups h5,.ast-popups h6,.ast-popups b strong {
  font-family: var(--font);
  color: inherit;
  font-weight: 700;
}

.ast-popups a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.ast-popups ul,.ast-popups ol,.ast-popups menu {
  list-style: none;
}

.ast-popups fieldset {
  border: none;
}

.ast-popups button {
  position: relative;
  border: none;
  cursor: pointer;
  background: none;
  color: inherit;
  font-family: var(--font);
  font-size: 0;
}
.ast-popups button:disabled {
  cursor: auto;
  pointer-events: none;
  opacity: 0.3;
}

.ast-popups button,.ast-popups input,.ast-popups select,.ast-popups textarea {
  font: inherit;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}
.ast-popups .container {
  display: flex;
  gap: var(--fs-32);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  z-index: 1;
}
.ast-popups .container.center {
  justify-content: center;
  text-align: center;
}
.ast-popups .container.gap--16 {
  gap: var(--fs-16);
}
.ast-popups .container.gap--24 {
  gap: var(--fs-24);
}
.ast-popups .container.gap--40 {
  gap: var(--fs-40);
}
@media (min-width: 1920px) {
  .ast-popups .container {
    max-width: 1720px;
  }
}
@media (max-width: 1439px) {
  .ast-popups .container {
    max-width: 1280px;
    padding: 0px 20px;
  }
}
@media (max-width: 1151px) {
  .ast-popups .container {
    padding: 0px 32px;
    gap: var(--fs-24);
  }
}
@media (max-width: 767px) {
  .ast-popups .container {
    padding: 0px 16px;
    gap: var(--fs-24);
  }
  .ast-popups .container.gap--40 {
    gap: var(--fs-24);
  }
}

@media (min-width: 1280px) {
  .ast-popups *.show-in-tablet {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .ast-popups *.delete-in-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ast-popups *.delete-in-mobil {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ast-popups *.show-in-mobil {
    display: none !important;
  }
}
.ast-cookie-notice {
  --font: 'Mabry Pro', system-ui, -apple-system, sans-serif;
  --font-center: 'Mabry Pro Center', system-ui, -apple-system, sans-serif;
  --black: #0b1020;
  --white: #ffffff;
  --grey: #b1b9ca;
  --grey-text: #636669;
  --grey-dark: #6b7280;
  --grey-medium: #b2b2b2;
  --grey-light: #edf0f5;
  --grey-stars: #d6d8dd;
  --grey-border: #e5e7eb;
  --grey-menu-border: #888888;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --blue: #273551;
  --blue-text: #94a3b8;
  --blue-light: rgba(5, 67, 189, 0.102);
  --blue-light-hover: rgba(5, 67, 189, 0.18);
  --blue-menu-active: #cdd4e2;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --svg-line: #e29cc5;
  --magenta-light: rgba(194, 65, 145, 0.102);
  --magenta-light-hover: rgba(194, 65, 145, 0.2);
  --magenta-opacity: rgba(228, 57, 162, 0.5);
  --magenta-checked: rgba(226, 156, 197, 0.302);
  --invalid: #e0483c;
  --invalid-light: rgba(217, 45, 32, 0.102);
  --green: #8fc78f;
  --green-light: rgba(18, 183, 106, 0.102);
  --orange: #f3997b;
  --orange-light: rgba(247, 144, 9, 0.102);
  --fs-4: calc(0.25 * var(--ast-ui-rem));
  --fs-5: calc(0.3125 * var(--ast-ui-rem));
  --fs-6: calc(0.375 * var(--ast-ui-rem));
  --fs-8: calc(0.5 * var(--ast-ui-rem));
  --fs-9: calc(0.5625 * var(--ast-ui-rem));
  --fs-10: calc(0.625 * var(--ast-ui-rem));
  --fs-12: calc(0.75 * var(--ast-ui-rem));
  --fs-13: calc(0.84375 * var(--ast-ui-rem));
  --fs-14: calc(0.875 * var(--ast-ui-rem));
  --fs-15: calc(0.9375 * var(--ast-ui-rem));
  --fs-16: calc(1 * var(--ast-ui-rem));
  --fs-17: calc(1.0625 * var(--ast-ui-rem));
  --fs-18: calc(1.125 * var(--ast-ui-rem));
  --fs-20: calc(1.25 * var(--ast-ui-rem));
  --fs-22: calc(1.375 * var(--ast-ui-rem));
  --fs-24: calc(1.5 * var(--ast-ui-rem));
  --fs-25: calc(1.5625 * var(--ast-ui-rem));
  --fs-26: calc(1.625 * var(--ast-ui-rem));
  --fs-28: calc(1.75 * var(--ast-ui-rem));
  --fs-30: calc(1.875 * var(--ast-ui-rem));
  --fs-32: calc(2 * var(--ast-ui-rem));
  --fs-33: calc(2.0625 * var(--ast-ui-rem));
  --fs-34: calc(2.125 * var(--ast-ui-rem));
  --fs-35: calc(2.1875 * var(--ast-ui-rem));
  --fs-36: calc(2.25 * var(--ast-ui-rem));
  --fs-38: calc(2.375 * var(--ast-ui-rem));
  --fs-40: calc(2.5 * var(--ast-ui-rem));
  --fs-44: calc(2.75 * var(--ast-ui-rem));
  --fs-48: calc(3 * var(--ast-ui-rem));
  --fs-50: calc(3.125 * var(--ast-ui-rem));
  --fs-54: calc(3.375 * var(--ast-ui-rem));
  --fs-56: calc(3.5 * var(--ast-ui-rem));
  --fs-60: calc(3.75 * var(--ast-ui-rem));
  --fs-64: calc(4 * var(--ast-ui-rem));
  --fs-72: calc(4.5 * var(--ast-ui-rem));
  --fs-74: calc(4.625 * var(--ast-ui-rem));
  --fs-168: calc(10.5 * var(--ast-ui-rem));
  --fs-512: calc(32 * var(--ast-ui-rem));
  --fs-555: calc(34.6875 * var(--ast-ui-rem));
  --fs-800: calc(50 * var(--ast-ui-rem));
  --fs-400: calc(25 * var(--ast-ui-rem));
  --fs-320: calc(20 * var(--ast-ui-rem));
  --fs-300: calc(18.75 * var(--ast-ui-rem));
  --fs-200: calc(12.5 * var(--ast-ui-rem));
  --fs-150: calc(9.375 * var(--ast-ui-rem));
  --cubic: cubic-bezier(0.4, 0, 0.2, 1);
}
.ast-cookie-notice {
  --ast-ui-rem: 16px;
  font-size: 16px;
  letter-spacing: normal;
  font-family: var(--font);
  --lh: 1.5;
  font-weight: 400;
}
@media (max-width: 359px) {
  .ast-cookie-notice {
    --ast-ui-rem: 14px;
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  body.a11y .ast-cookie-notice {
    --ast-ui-rem: 18px;
    font-size: 18px;
  }
  body.a11y.a11y-font-big .ast-cookie-notice {
    --ast-ui-rem: 20px;
    font-size: 20px;
  }
  body.a11y.a11y-font-large .ast-cookie-notice {
    --ast-ui-rem: 22px;
    font-size: 22px;
  }
}
body.a11y.a11y-spacing-wide .ast-cookie-notice * {
  letter-spacing: 0.04em;
}
body.a11y.a11y-spacing-wider .ast-cookie-notice * {
  letter-spacing: 0.08em;
}
body.a11y.a11y-theme-light .ast-cookie-notice {
  --blue: #000000;
}
body.a11y.a11y-theme-light .ast-cookie-notice .popup {
  --blue: #273551;
}
body.a11y.a11y-theme-dark .ast-cookie-notice {
  --black: #ffffff;
  --white: #3d3e3f;
  --blue: #ffffff;
  --grey-light: #2d2e30;
  --blue-light: #ffffff;
  --blue-light-hover: #c24191;
  --magenta: #c24191;
  --magenta-hover: #aa397f;
  --magenta-light: #c24191;
  --magenta-light-hover: #aa397f;
  --magenta-opacity: rgba(228, 57, 162, 1);
  --grey-border: rgba(255, 255, 255, 0.3);
  --grey-medium: rgba(255, 255, 255, 0.3);
  --grey-text: rgba(255, 255, 255, 0.8);
  --grey-dark: rgba(255, 255, 255, 0.8);
  --grey: rgba(255, 255, 255, 0.3);
  --grey-menu-border: rgba(255, 255, 255, 0.3);
  --blue-text: rgba(255, 255, 255, 0.8);
  --grey-stars: #d6d8dd;
  --grey-button: #e2e5ea;
  --grey-promo: #e3e7ef;
  --gold: #f59e0b;
  --invalid: #e0483c;
  --green: #8fc78f;
}
body.a11y .ast-cookie-notice .popup {
  --ast-ui-rem: 16px;
  font-size: 16px;
}
body.a11y .ast-cookie-notice .popup * {
  letter-spacing: normal !important;
}
body.a11y .ast-cookie-notice .popup {
  --fs-4: 4px;
  --fs-5: 5px;
  --fs-6: 6px;
  --fs-8: 8px;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-33: 33px;
  --fs-34: 34px;
  --fs-35: 35px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-54: 54px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-64: 64px;
  --fs-72: 72px;
  --fs-74: 74px;
  --fs-168: 168px;
  --fs-512: 512px;
  --fs-555: 555px;
  --fs-800: 800px;
  --fs-400: 400px;
  --fs-320: 320px;
  --fs-300: 300px;
  --fs-200: 200px;
  --fs-150: 150px;
}
.ast-cookie-notice {
  font-optical-sizing: auto;
  font-style: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
}
.ast-cookie-notice *,.ast-cookie-notice *:before,.ast-cookie-notice *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}

.ast-cookie-notice img,.ast-cookie-notice video {
  display: block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.ast-cookie-notice svg {
  display: block;
}

.ast-cookie-notice h1,.ast-cookie-notice h2,.ast-cookie-notice h3,.ast-cookie-notice h4,.ast-cookie-notice h5,.ast-cookie-notice h6,.ast-cookie-notice b strong {
  font-family: var(--font);
  color: inherit;
  font-weight: 700;
}

.ast-cookie-notice a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.ast-cookie-notice ul,.ast-cookie-notice ol,.ast-cookie-notice menu {
  list-style: none;
}

.ast-cookie-notice fieldset {
  border: none;
}

.ast-cookie-notice button {
  position: relative;
  border: none;
  cursor: pointer;
  background: none;
  color: inherit;
  font-family: var(--font);
  font-size: 0;
}
.ast-cookie-notice button:disabled {
  cursor: auto;
  pointer-events: none;
  opacity: 0.3;
}

.ast-cookie-notice button,.ast-cookie-notice input,.ast-cookie-notice select,.ast-cookie-notice textarea {
  font: inherit;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}
.ast-cookie-notice .container {
  display: flex;
  gap: var(--fs-32);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  z-index: 1;
}
.ast-cookie-notice .container.center {
  justify-content: center;
  text-align: center;
}
.ast-cookie-notice .container.gap--16 {
  gap: var(--fs-16);
}
.ast-cookie-notice .container.gap--24 {
  gap: var(--fs-24);
}
.ast-cookie-notice .container.gap--40 {
  gap: var(--fs-40);
}
@media (min-width: 1920px) {
  .ast-cookie-notice .container {
    max-width: 1720px;
  }
}
@media (max-width: 1439px) {
  .ast-cookie-notice .container {
    max-width: 1280px;
    padding: 0px 20px;
  }
}
@media (max-width: 1151px) {
  .ast-cookie-notice .container {
    padding: 0px 32px;
    gap: var(--fs-24);
  }
}
@media (max-width: 767px) {
  .ast-cookie-notice .container {
    padding: 0px 16px;
    gap: var(--fs-24);
  }
  .ast-cookie-notice .container.gap--40 {
    gap: var(--fs-24);
  }
}

@media (min-width: 1280px) {
  .ast-cookie-notice *.show-in-tablet {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .ast-cookie-notice *.delete-in-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ast-cookie-notice *.delete-in-mobil {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ast-cookie-notice *.show-in-mobil {
    display: none !important;
  }
}
.ast-footer.footer {
  display: block;
  background: var(--blue);
  color: var(--white);
  padding-top: 94px;
  margin-top: 40px;
}
.ast-footer.footer hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--white);
  opacity: 0.5;
  margin: 16px 0px;
}
.ast-footer.footer .container {
  justify-content: space-between;
  gap: var(--fs-32) var(--fs-24);
  align-items: flex-start;
}
.ast-footer.footer .socials a {
  color: inherit;
}

.ast-footer .copy {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--fs-16) var(--fs-50);
  margin-top: 8px;
  font-size: var(--fs-16);
}
@media (max-width: 1279px) {
  .ast-footer .copy {
    font-size: var(--fs-12);
  }
}
.ast-footer .copy {
  --lh: 1.2;
  font-weight: 400;
}
.ast-footer .copy br {
  display: none;
}
.ast-footer .copy p {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  opacity: 0.5;
}
.ast-footer .copy p svg {
  position: relative;
  width: var(--fs-12);
  height: var(--fs-12);
}
.ast-footer .copy a {
  display: inline-block;
  opacity: 0.5;
  transition: opacity 0.3s var(--cubic), color 0.3s var(--cubic), border-bottom 0.3s var(--cubic);
  border-bottom: 1px solid var(--white);
}
@media (hover: hover) {
  .ast-footer .copy a:hover {
    opacity: 1;
  }
}
.ast-footer .copy a:focus-visible {
  opacity: 1;
}

.ast-footer .footer-logo {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.06;
  margin-top: 8px;
}

.ast-footer .footer-menu {
  display: block;
  flex-wrap: wrap;
  gap: var(--fs-16) 0px;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  width: auto;
}
.ast-footer .footer-menu .button {
  margin-top: var(--fs-24);
}
.ast-footer .footer-menu > .footer-menu-title {
  border-bottom: 1px solid var(--grey-text);
  padding-bottom: var(--fs-14);
}
.ast-footer .footer-menu > .footer-menu-title.no-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.ast-footer .footer-menu.last > .footer-menu-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.ast-footer .footer-menu.last a {
  font-size: var(--fs-14);
}

.ast-footer .footer-menu-col {
  display: block;
  width: auto;
}
.ast-footer .footer-menu-col .footer-menu-title {
  opacity: 1;
  --lh: 1;
  margin: 0;
}

.ast-footer .footer-address {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--fs-32) var(--fs-24);
}
.ast-footer .footer-address .footer-menu-list {
  margin: var(--fs-16) 0px;
  min-width: 134px;
}
@media (max-width: 1151px) {
  .ast-footer .footer-address .footer-menu-list {
    min-width: 140px;
  }
}

.ast-footer .footer-menu-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: var(--fs-16);
  width: 100%;
  font-weight: 700;
  font-size: var(--fs-20);
  --lh: 1.2;
  gap: var(--fs-8);
}
.ast-footer .footer-menu-title button {
  transform: translateY(-7%);
  width: var(--fs-26);
  height: var(--fs-26);
}
.ast-footer .footer-menu-title button svg {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .ast-footer .footer-menu-title {
    cursor: auto !important;
  }
  .ast-footer .footer-menu-title button {
    display: none;
  }
}

.ast-footer .footer-menu-list {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
  font-weight: 400;
  --lh: 1.143;
  font-size: var(--fs-16);
}
.ast-footer .footer-menu-list span {
  opacity: 0.5;
}
.ast-footer .footer-menu-list a {
  display: inline-block;
  padding: var(--fs-8) 0px;
  transition: color 0.3s var(--cubic);
  outline: none;
  font-size: var(--fs-16);
  font-weight: 400;
  --lh: 1.2;
}
@media (hover: hover) {
  .ast-footer .footer-menu-list a:hover {
    color: var(--grey-text);
  }
}
.ast-footer .footer-menu-list a:focus-visible {
  color: var(--magenta);
  text-decoration: underline;
}
.ast-footer .footer-menu-list li:first-child a {
  padding-top: 0px;
}
.ast-footer .footer-menu-list li:last-child a {
  padding-bottom: 0px;
}

.ast-footer .socials {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--fs-8);
  margin-top: 4px;
}
.ast-footer .socials a {
  display: block;
  width: calc(1.5 * var(--ast-ui-rem));
  height: calc(1.5 * var(--ast-ui-rem));
  color: var(--blue);
  transition: color 0.3s var(--cubic);
  outline: none;
}
@media (hover: hover) {
  .ast-footer .socials a:hover {
    color: var(--magenta);
  }
}
.ast-footer .socials a:focus-visible {
  color: var(--magenta);
}
.ast-footer .socials a svg {
  display: block;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.a11y .ast-footer .footer-menu-title {
  opacity: 1;
}
.a11y .ast-footer .copy p {
  opacity: 1;
}
.a11y .ast-footer .copy a {
  opacity: 1;
}
.a11y .ast-footer .footer-logo {
  display: none;
}
@media (min-width: 768px) {
  .a11y .ast-footer.footer {
    padding-top: calc(4 * var(--ast-ui-rem));
    padding-bottom: calc(4 * var(--ast-ui-rem));
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .a11y .ast-footer.footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .a11y .ast-footer.footer .container {
    max-width: 1340px;
    padding: 0px 50px;
    gap: calc(2.5 * var(--ast-ui-rem)) 24px;
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .a11y .ast-footer.footer .container {
    max-width: 1720px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .a11y .ast-footer.footer .container {
    max-width: 1280px;
    padding: 0px var(--fs-20);
  }
}
@media (min-width: 768px) and (max-width: 1151px) {
  .a11y .ast-footer.footer .container {
    padding: 0px 32px;
    gap: var(--fs-24);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .a11y .ast-footer.footer .container {
    padding: 0px 16px;
    gap: var(--fs-24);
  }
}
@media (min-width: 768px) and (hover: hover) {
  .a11y .ast-footer .footer-menu-list a:hover {
    text-decoration: underline;
    color: inherit;
  }
}
@media (min-width: 768px) {
  .a11y .ast-footer .footer-menu-list a:focus-visible {
    text-decoration: underline;
    color: inherit;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .a11y .ast-footer .copy a:hover {
    color: var(--magenta);
    border-bottom: 1px solid var(--magenta);
  }
}
@media (min-width: 768px) {
  .a11y .ast-footer .copy a:focus-visible {
    color: var(--magenta);
    border-bottom: 1px solid var(--magenta);
  }
}
@media (min-width: 768px) and (max-width: 1151px) and (min-width: 768px) {
  .a11y .ast-footer.footer .container {
    display: flex;
  }
  .a11y .ast-footer.footer .container .footer-menu:nth-child(4) {
    margin-top: 0px;
  }
  .a11y.a11y-spacing-wide .ast-footer.footer .container, .a11y.a11y-spacing-wider .ast-footer.footer .container {
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .a11y.a11y-font-big .ast-footer .footer-menu-list a {
    font-size: var(--fs-16);
  }
  .a11y.a11y-font-large .ast-footer .footer-menu-list a {
    font-size: var(--fs-18);
  }
}
.a11y.a11y-theme-dark .ast-footer.footer {
  background: var(--grey-light);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.a11y.a11y-theme-dark .ast-footer.footer hr {
  background-color: rgba(255, 255, 255, 0.3);
}
.a11y.a11y-theme-dark .ast-footer .footer-menu-title,.a11y.a11y-theme-dark .ast-footer .copy,
.a11y.a11y-theme-dark .ast-footer.footer .socials {
  color: var(--black);
}
.a11y.a11y-theme-dark .ast-footer .footer-menu-list a {
  color: var(--black);
}
@media (hover: hover) {
  .a11y.a11y-theme-dark .ast-footer .footer-menu-list a:hover {
    color: var(--magenta);
  }
}
.a11y.a11y-theme-dark .ast-footer .footer-menu-list a:focus-visible {
  color: var(--magenta);
  text-decoration: underline;
}
.a11y.a11y-theme-dark .ast-footer .footer-menu-list li:first-child a {
  padding-top: 0px;
}
.a11y.a11y-theme-dark .ast-footer .footer-menu-list li:last-child a {
  padding-bottom: 0px;
}

@media (max-width: 1365px) {
  .ast-footer.footer {
    padding-top: 80px;
  }
  .ast-footer.footer .container {
    gap: var(--fs-40) var(--fs-24);
  }
  .ast-footer .footer-menu-list {
    font-size: var(--fs-13);
  }
}
@media (max-width: 1279px) {
  .ast-footer.footer {
    display: block;
    position: relative;
  }
  .ast-footer .footer-logo {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 1151px) and (min-width: 768px) {
  .ast-footer.footer {
    padding-top: 60px;
  }
  .ast-footer.footer .container {
    gap: 40px 50px;
    padding: 0px 32px;
  }
  .ast-footer.footer .container .footer-menu {
    width: calc(55% - 25px);
  }
  .ast-footer.footer .container .footer-menu:nth-child(1),.ast-footer.footer .container .footer-menu:nth-child(3) {
    width: calc(45% - 25px);
  }
  .ast-footer.footer .container hr {
    margin-bottom: -40px;
  }
}
@media (max-width: 1151px) {
  .ast-footer .copy {
    font-size: var(--fs-12);
  }
}
@media (max-width: 767px) {
  .ast-footer.footer {
    padding-top: 50px;
    margin-top: 20px;
  }
  .ast-footer.footer .container {
    gap: var(--fs-20);
  }
  .ast-footer.footer hr {
    margin: 0;
  }
  .ast-footer .copy {
    gap: var(--fs-24);
    margin-top: 8px;
    font-size: var(--fs-12);
    text-align: center;
    flex-direction: column;
    max-width: 310px;
    margin: var(--fs-16) auto;
  }
  .ast-footer .copy br {
    display: none;
  }
  .ast-footer .copy p {
    opacity: 0.5;
  }
  .ast-footer .copy a {
    opacity: 0.5;
    font-size: var(--fs-12);
  }
  .ast-footer .footer-menu {
    min-width: 100%;
    width: 100%;
  }
  .ast-footer .footer-menu:nth-child(1),.ast-footer .footer-menu:nth-child(2) {
    min-width: 100%;
  }
  .ast-footer .footer-menu .button {
    width: 100%;
  }
  .ast-footer .footer-menu > .footer-menu-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    padding-bottom: var(--fs-10);
    transition: border-bottom 0.3s var(--cubic);
  }
  .ast-footer .footer-menu > .footer-menu-title.open {
    border-bottom: 1px solid var(--grey-text);
  }
  .ast-footer .footer-menu-list li:last-child {
    padding-bottom: var(--fs-10);
  }
  .ast-footer .footer-menu-list a {
    font-size: var(--fs-16);
  }
  .ast-footer .footer-menu-list[data-accordeon-body] {
    height: 0px;
  }
  .ast-footer .footer-menu-title {
    font-size: var(--fs-18);
    margin: 0;
    justify-content: flex-start;
  }
  .ast-footer [data-accordeon].footer-menu {
    display: block;
  }
  .ast-footer [data-accordeon].footer-menu .footer-menu-list li:first-child {
    margin-top: var(--fs-16);
  }
  .ast-footer .footer-address {
    margin-top: var(--fs-16);
    gap: var(--fs-20) var(--fs-20);
  }
}
@media (max-width: 359px) {
  .ast-footer .footer-menu-col {
    margin-bottom: var(--fs-16);
  }
}@media (hover: hover) {
  .ast-footer [data-accordeon]:hover .accordeon-arrow {
    background-color: var(--magenta);
    color: var(--white);
  }
}
.ast-footer [data-accordeon]:focus-visible .accordeon-arrow {
  background-color: var(--magenta);
  color: var(--white);
}

.ast-footer [data-accordeon-body] {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 0.5s var(--cubic);
}

.ast-footer [data-accordeon-head] {
  cursor: pointer;
}
.ast-footer [data-accordeon-head] > svg,.ast-footer [data-accordeon-head] > button {
  transform: rotate(0deg);
  transition: 0.5s var(--cubic);
}
.ast-footer [data-accordeon-head].open > svg,.ast-footer [data-accordeon-head].open > button {
  transform: rotate(180deg);
}

.ast-footer [data-accordeon-arrow-only] > [data-accordeon-head] {
  cursor: default;
}
.ast-footer [data-accordeon-arrow-only] > [data-accordeon-head] > button {
  cursor: pointer;
}

.ast-footer .page-accordeon {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: var(--fs-30);
  background-color: var(--white);
}
.ast-footer .page-accordeon.open {
  z-index: 2;
}

.ast-footer .page-accordeon-head {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  position: relative;
  gap: var(--fs-16);
  padding: var(--fs-24) var(--fs-32);
}
.ast-footer .page-accordeon-head .title {
  --lh: 1.25;
}
@media (max-width: 767px) {
  .ast-footer .page-accordeon-head {
    padding: var(--fs-20) var(--fs-16);
  }
  .ast-footer .page-accordeon-head .title {
    font-size: var(--fs-20);
    --lh: 1.1;
  }
}

.ast-footer .accordeon-text {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--fs-20);
  padding: 0px var(--fs-32) var(--fs-32) var(--fs-32);
}
.ast-footer .accordeon-text .text a {
  color: var(--magenta);
}
.ast-footer .accordeon-text p {
  width: 100%;
}
.ast-footer .accordeon-text p .grey-text {
  padding-bottom: 2px;
}
.ast-footer .accordeon-text p {
  scroll-margin: 40px;
}
@media (min-width: 1920px) {
  .ast-footer .accordeon-text .text {
    font-size: var(--fs-18);
  }
  .ast-footer .accordeon-text .text.grey-text {
    font-size: var(--fs-16);
  }
  .ast-footer .accordeon-text p {
    font-size: var(--fs-18);
  }
  .ast-footer .accordeon-text p.grey-text {
    font-size: var(--fs-16);
  }
  .ast-footer .accordeon-text p a {
    font-size: var(--fs-18);
  }
}
@media (max-width: 767px) {
  .ast-footer .accordeon-text {
    padding: 0px var(--fs-16) var(--fs-16) var(--fs-16);
  }
  .ast-footer .accordeon-text p {
    scroll-margin: 100px;
  }
  .ast-footer .accordeon-text .text .text.fs-12.grey-text {
    padding-bottom: 4px;
  }
}.ast-footer .buttons {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 32px;
}
.ast-footer .buttons.mt--auto {
  margin-top: auto;
}
.ast-footer .buttons.mt--16 {
  margin-top: var(--fs-16);
}
.ast-footer .buttons.mt--12 {
  margin-top: var(--fs-12);
}
.ast-footer .buttons.mt--8 {
  margin-top: var(--fs-8);
}
.ast-footer .buttons.ta--l {
  justify-content: flex-start;
}
.ast-footer .buttons.ta--r {
  justify-content: flex-end;
}
.ast-footer .buttons.group {
  gap: 8px;
}
.ast-footer .buttons.group .popup-subtitle {
  margin-bottom: 4px;
}
.ast-footer .buttons.gap--12 {
  gap: var(--fs-12);
}
.ast-footer .buttons.gap--16 {
  gap: var(--fs-16);
}
.ast-footer .buttons.gap--20 {
  gap: var(--fs-8) var(--fs-20);
}
.ast-footer .buttons.auto {
  flex: 1;
  gap: 18px;
}
@media (max-width: 767px) {
  .ast-footer .buttons {
    gap: var(--fs-16);
  }
  .ast-footer .buttons.gap--12 {
    gap: var(--fs-12);
  }
  .ast-footer .buttons.gap--16 {
    gap: var(--fs-16);
  }
}

.ast-footer .button {
  display: inline-flex;
  font-family: var(--font-center);
  font-weight: 400;
  line-height: round(1.3em, 2px);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
  min-height: round(var(--fs-40), 2px);
  padding: round(var(--fs-8), 1px) var(--fs-32);
  gap: 10px;
  border-radius: 100px;
  color: var(--white);
  background-color: var(--magenta);
  text-align: center;
  outline: none;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s var(--cubic), border 0.3s var(--cubic);
}
.ast-footer .button span {
  display: block;
  font-family: var(--font-center);
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: round(1.3em, 2px);
  pointer-events: none;
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-footer .button:hover {
    background-color: var(--magenta-hover);
  }
}
.ast-footer .button:focus-visible {
  background-color: var(--magenta-hover);
}
.ast-footer .button.full {
  width: 100%;
  padding-left: var(--fs-16);
  padding-right: var(--fs-16);
}
.ast-footer .button.icon-submit {
  flex-wrap: nowrap;
  border-radius: var(--input-border-radius);
  padding: 0px;
  min-width: var(--input-height);
  min-height: var(--input-height);
}
.ast-footer .button.icon-submit svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.ast-footer .button.blue {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
@media (hover: hover) {
  .ast-footer .button.blue:hover {
    background-color: var(--magenta-hover);
    border: 1px solid var(--magenta-hover);
  }
}
.ast-footer .button.blue:focus-visible {
  background-color: var(--magenta-hover);
  border: 1px solid var(--magenta-hover);
}
.ast-footer .button.blue-light {
  background-color: var(--blue-light);
  border: 1px solid rgba(0, 0, 0, 0);
}
.ast-footer .button.blue-light span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-footer .button.blue-light:hover {
    background-color: var(--blue-light-hover);
  }
}
.ast-footer .button.blue-light:focus-visible {
  background-color: var(--blue-light-hover);
  border: 1px solid var(--blue);
}
.ast-footer .button.white {
  background-color: var(--white);
  border: 1px solid var(--white);
}
.ast-footer .button.white span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-footer .button.white:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-footer .button.white:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-footer .button.white-border {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-footer .button.white-border span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-footer .button.white-border:hover {
    background-color: #f9ecf4;
  }
}
.ast-footer .button.white-border:focus-visible {
  background-color: #f9ecf4;
}
.ast-footer .button.button--tab {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-footer .button.button--tab span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-footer .button.button--tab:hover {
    background-color: #f9ecf4;
  }
}
.ast-footer .button.button--tab:focus-visible {
  background-color: #f9ecf4;
}
.ast-footer .button.button--tab.active {
  background-color: var(--magenta);
  border: 1px solid var(--magenta);
  pointer-events: none;
}
.ast-footer .button.button--tab.active span {
  color: var(--white);
}
.ast-footer .button.blue-border {
  background-color: var(--white);
  border: 1px solid var(--grey-button);
}
.ast-footer .button.blue-border span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-footer .button.blue-border:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-footer .button.blue-border:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-footer .button.magenta-light {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: var(--magenta-light);
}
.ast-footer .button.magenta-light span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-footer .button.magenta-light:hover {
    background-color: var(--magenta-light-hover);
  }
}
.ast-footer .button.magenta-light:focus-visible {
  border: 1px solid var(--magenta);
  background-color: var(--magenta-light-hover);
}
.ast-footer .button.button-pdf {
  background-color: var(--grey-light);
  color: var(--grey-medium);
  gap: calc(1 * var(--ast-ui-rem));
  padding: var(--fs-20) var(--fs-24);
}
.ast-footer .button.button-pdf span {
  color: var(--blue);
  font-size: var(--fs-16);
  --lh: 1.2;
  text-align: center;
  font-weight: 700;
}
.ast-footer .button.button-pdf span + svg {
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-footer .button.button-pdf:hover span {
    color: var(--magenta);
  }
  .ast-footer .button.button-pdf:hover span + svg {
    color: var(--magenta);
  }
}
.ast-footer .button.button-pdf:focus-visible span {
  color: var(--magenta);
}
.ast-footer .button.button-pdf:focus-visible span + svg {
  color: var(--magenta);
}
@media (max-width: 767px) {
  .ast-footer .button.button-pdf {
    padding: var(--fs-14) var(--fs-20);
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.ast-footer .button:disabled {
  opacity: 1;
  background-color: var(--grey-light);
  border: 1px solid var(--grey-medium);
}
.ast-footer .button:disabled span {
  color: var(--grey-medium);
}

.ast-footer [data-read-more-btn] {
  margin-top: -12px;
}
@media (max-width: 767px) {
  .ast-footer [data-read-more-btn] {
    margin-top: -8px;
  }
}

@media (max-width: 767px) {
  .ast-footer .button.load-more {
    width: 100%;
  }
}

.ast-footer .fix-button {
  display: block;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  border-radius: var(--fs-30) var(--fs-30) 0px 0px;
  background-color: var(--white);
  padding: 16px 20px;
  z-index: 10;
  transition: transform 0.5s var(--cubic);
  transform: translateY(200%);
}
.ast-footer .fix-button.active {
  transform: translateY(0%);
}
.ast-footer .fix-button .button {
  width: 100%;
}

.a11y-theme-dark .ast-footer .button {
  color: var(--black);
}
.a11y-theme-dark .ast-footer .button.blue {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-footer .button.blue:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-footer .button.blue:focus-visible {
  color: var(--black);
}
.a11y-theme-dark .ast-footer .button.blue-light {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-footer .button.blue-light:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-footer .button.blue-light:focus-visible {
  color: var(--black);
}.ast-popups [data-popup-open] {
  cursor: pointer;
}

.ast-popups.backdrop {
  padding: 16px;
  transform: translateZ(0);
  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  display: grid;
  place-items: center;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100svh;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: rgba(39, 53, 81, 0.9);
  transition: opacity 0.5s ease-in-out 0s, visibility 0.5s ease-in-out 0s;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
@media (max-width: 1024px) and (pointer: coarse) {
  .ast-popups.backdrop {
    height: calc(100% + 100px);
    padding-bottom: 120px;
  }
}
.ast-popups.backdrop.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.ast-popups .basicLightbox {
  background: rgba(39, 53, 81, 0.9);
}

.ast-popups .popup {
  position: relative;
  transition: 0.5s;
  transform: translate(0px, 40px);
  opacity: 0;
  z-index: 1;
  user-select: none;
  width: 100%;
  pointer-events: none;
}
.ast-popups .popup.visible {
  opacity: 1;
  transform: translate(0px, 0px);
}

.ast-popups .popup-content > .popup-close {
  position: absolute;
  right: 24px;
  top: 24px;
}

.ast-popups .popup-close {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: inherit;
  transform: rotate(0deg);
  color: var(--grey-text);
  outline: none;
  transition: transform 0.3s var(--cubic), color 0.3s var(--cubic);
  flex-shrink: 0;
}
.ast-popups .popup-close svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (hover: hover) {
  .ast-popups .popup-close:hover {
    transform: rotate(90deg);
    color: var(--magenta);
  }
}
.ast-popups .popup-close:focus-visible {
  transform: rotate(90deg);
  color: var(--magenta);
}

.ast-popups .popup-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  text-align: center;
  gap: var(--fs-20);
  position: relative;
  margin: auto;
  width: 100%;
  user-select: none;
  pointer-events: all;
  max-width: 430px;
  font-family: var(--font);
  background: var(--white);
  padding: var(--fs-32);
}
@media (max-width: 767px) {
  .ast-popups .popup-content {
    padding: var(--fs-20);
  }
}
.ast-popups .popup-content {
  flex-shrink: 0;
  border-radius: var(--fs-26);
  box-shadow: 0px 0px 20px var(--blue-light);
}
.ast-popups .popup-content.hauge {
  max-width: 1400px;
}
.ast-popups .popup-content.large {
  max-width: 732px;
}
.ast-popups .popup-content.big {
  max-width: 558px;
}
.ast-popups .popup-content.medium {
  max-width: 530px;
}
.ast-popups .popup-content.small {
  max-width: 348px;
}
.ast-popups .popup-content .buttons {
  margin-top: 4px;
}
.ast-popups .popup-content .ta--l > * {
  text-align: left;
}

.ast-popups .popup-title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  --lh: 1;
  gap: 10px;
  text-align: left;
  font-family: var(--title);
  font-weight: 700;
  font-size: var(--fs-24);
  color: var(--blue);
}
.ast-popups .popup-title.regular {
  font-family: var(--font);
  font-weight: 400;
}
.ast-popups .popup-title.magenta {
  color: var(--magenta);
}
.ast-popups .popup-title.fs-40 {
  font-size: var(--fs-40);
}
.ast-popups .popup-title.fs-18 {
  font-size: var(--fs-18);
}

.ast-popups .popup-subtitle {
  display: block;
  width: 100%;
  color: var(--grey-text);
  font-size: var(--fs-14);
  --lh: 1.3;
  font-weight: 400;
  text-align: left;
}
.ast-popups .popup-subtitle.big {
  font-size: var(--fs-18);
}
.ast-popups .popup-subtitle.medium {
  font-size: var(--fs-16);
}
.ast-popups .popup-subtitle.ta--c {
  text-align: center;
}
.ast-popups .popup-subtitle.full {
  width: 100%;
}
.ast-popups .popup-subtitle.bold {
  font-weight: 700;
}

@media (max-width: 449px) {
  .ast-popups #age-confirm .buttons .button {
    width: 100%;
  }
}

.a11y-theme-dark .ast-popups .popup-content {
  box-shadow: none;
}
.a11y-theme-dark .ast-popups.backdrop {
  background: rgba(0, 0, 0, 0.7);
}.ast-popups {
  --form-gap: var(--fs-18);
  --form-gap-minus: -14px;
  --input-font-family: var(--font);
  --input-font-size: var(--fs-16);
  --input-font-weight: 400;
  --input-text-transform: auto;
  --input-height: var(--fs-50);
  --input-padding: 0px var(--fs-16);
  --input-background: var(--white);
  --input-border: 1px solid var(--grey-button);
  --input-border-radius: var(--fs-16);
  --input-color: var(--blue);
  --input-placeholder-color: var(--grey-text);
  --input-placeholder-opacity: 1;
  --invalid-border: 1px solid var(--invalid);
}
.ast-popups .form--grey {
  --input-height: var(--fs-40);
  --input-font-size: var(--fs-14);
  --input-background: var(--grey-light);
  --input-border-radius: var(--fs-8);
  --input-placeholder-color: #636669;
}
.ast-popups {
  --label-font-size: var(--fs-14);
  --label-font-weight: 400;
  --label-opacity: 1;
  --label-color: var(--grey-text);
  --label-margin-bottom: var(--fs-9);
}
.ast-popups .form--grey {
  --label-font-weight: 400;
  --label-color: var(--blue);
}
.ast-popups {
  --checkbox-size: var(--fs-20);
  --checkbox-border: 1px solid rgba(0, 0, 0, 0);
  --checkbox-border-focus: 1px solid var(--blue);
  --checkbox-border-checked: 1px solid rgba(0, 0, 0, 0);
  --checkbox-border-invalid: 1px solid var(--invalid);
  --checkbox-radius: var(--fs-6);
  --checkbox-font-size: var(--fs-14);
  --checkbox-font-weight: 400;
  --checkbox-background: var(--magenta-opacity);
  --checkbox-background-focus: var(--blue);
  --checkbox-background-checked: var(--magenta) url('/local/templates/vine/assets/css/../img/svg/checkbox.svg') no-repeat center center;
  --checkbox-background-checked-focus: var(--blue) url('/local/templates/vine/assets/css/../img/svg/checkbox.svg') no-repeat center center;
  --checkbox-background-invalid: var(--magenta-opacity);
  --checkbox-text-color: var(--grey-dark);
}
.ast-popups .form--grey {
  --checkbox-border: 1.5px solid #b2b2b2;
  --checkbox-border-checked: 1.5px solid var(--invalid);
  --checkbox-background: var(--white);
  --checkbox-background-checked: var(--magenta) url('/local/templates/vine/assets/css/../img/svg/checkbox.svg') no-repeat center center;
  --checkbox-font-size: var(--fs-14);
  --checkbox-text-color: #273551;
}
.ast-popups {
  --radio-border: 1.5px solid var(--grey-text);
  --radio-border-checked: 1.5px solid var(--magenta);
  --radio-color-checked: var(--magenta);
}
@media (max-width: 767px) {
  .ast-popups {
    --input-height: var(--fs-50);
  }
}

.ast-popups input[type=number]::-webkit-outer-spin-button,.ast-popups input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ast-popups input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.ast-popups .form {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  gap: var(--form-gap);
}
.ast-popups .form fieldset {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--form-gap) - 2px);
}
.ast-popups .form fieldset.col--2 {
  width: calc(50% - var(--form-gap));
}
.ast-popups .form fieldset.row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.ast-popups .form fieldset .label {
  width: auto;
}

.ast-popups .label {
  display: block;
  width: 100%;
  position: relative;
  color: inherit;
}
.ast-popups .label.auto {
  display: inline-block;
  width: auto;
  text-align: left;
}
.ast-popups .label.label--icon svg {
  position: absolute;
  width: var(--fs-20);
  height: var(--fs-20);
  left: var(--fs-16);
  top: var(--fs-15);
}
.ast-popups .label.label--icon .input {
  padding-left: var(--fs-44);
}
.ast-popups .label .label--count {
  display: inline-flex;
  position: relative;
  justify-content: space-between;
  width: var(--fs-150);
  height: var(--fs-36);
  z-index: 0;
}
.ast-popups .label .label--count .input {
  width: 32%;
  height: var(--fs-40);
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  border-radius: var(--fs-12);
  font-size: var(--fs-16);
  font-weight: 700;
}
.ast-popups .label .label--count .plus,.ast-popups .label .label--count .minus {
  display: flex;
  position: relative;
  width: var(--fs-40);
  height: var(--fs-40);
  border-radius: var(--fs-40);
  background-color: var(--grey-light);
  flex-wrap: wrap;
  font-size: var(--fs-18);
  font-weight: 700;
  line-height: 0px;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 2;
  color: var(--blue);
}

.ast-popups .label-text {
  display: block;
  width: 100%;
  font-size: var(--label-font-size);
  --lh: 1;
  font-weight: var(--label-font-weight);
  opacity: var(--label-opacity);
  color: var(--label-color);
  margin-bottom: var(--label-margin-bottom);
  font-family: var(--font);
  text-align: left;
}
.ast-popups .label-text a.red,.ast-popups .label-text a.magenta {
  color: var(--magenta) !important;
}

.ast-popups .input {
  display: block;
  width: 100%;
  height: var(--input-height);
  background: var(--input-background);
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  --lh: 1.4;
  font-weight: var(--input-font-weight);
  color: var(--input-color);
  padding: var(--input-padding);
  text-transform: var(--input-text-transform);
  outline: none;
  appearance: none;
  transition: border 0.3s var(--cubic);
  box-shadow: none;
  resize: none;
}
.ast-popups .input::placeholder {
  color: var(--input-placeholder-color);
  opacity: var(--input-placeholder-opacity);
  transition: opacity 0.3s ease 0s;
}
.ast-popups .input:focus {
  border: 1px solid var(--magenta);
}
.ast-popups .input:focus::placeholder {
  opacity: 0;
}
.ast-popups .input[type=tel]:focus::placeholder {
  opacity: var(--input-placeholder-opacity);
}
.ast-popups .input.input--textarea {
  height: 128px;
  padding-top: var(--fs-12);
  padding-bottom: var(--fs-12);
}
.ast-popups .input.input--count {
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: var(--blue);
  text-align: center;
  font-size: var(--input-font-size);
  padding: 0px var(--fs-36);
  z-index: 1;
}
.ast-popups .input.invalid {
  border: var(--invalid-border);
}
.ast-popups .input:focus + .placeholder,.ast-popups .input:not(:placeholder-shown) + .placeholder {
  transform: scale(0.7) translate(-1.5px, -18px);
}

.ast-popups .input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
  -webkit-text-fill-color: var(--input-color) !important;
  font-size: var(--input-font-size) !important;
  font-family: var(--input-font-family) !important;
  transition: background-color 9999s ease-in-out 0s;
}

.ast-popups .form-errors {
  display: none;
  position: relative;
  overflow: hidden;
  transition: height 0.3s var(--cubic);
  width: 100%;
  height: 0px;
}
.ast-popups .form-errors .inputError {
  display: block;
  padding: 0;
}

.ast-popups .inputError {
  display: none;
  width: 100%;
  height: 0px;
  position: relative;
  transform: translate(0px, 2px);
  text-align: left;
  overflow: hidden;
  transition: height 0.3s var(--cubic);
  color: var(--invalid);
  font-family: var(--font);
  font-size: var(--fs-12);
  --lh: 1.333;
  font-weight: 300;
  z-index: 2;
  pointer-events: none;
}
.ast-popups .inputError.active {
  display: block !important;
  height: auto !important;
}

.ast-popups .popup .inputError {
  font-size: 12px;
}

.ast-popups .label-text + .inputError,.ast-popups fieldset + .inputError {
  padding-left: 0px;
}

.ast-popups fieldset + .inputError {
  transform: translate(0px, var(--form-gap-minus));
}

.ast-popups .radio,.ast-popups .checkbox {
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -1;
  opacity: 0;
}
.ast-popups .radio + .label-text,.ast-popups .checkbox + .label-text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
  min-height: var(--checkbox-size);
  padding: 0px;
  padding-left: calc(var(--checkbox-size) + var(--fs-12));
  color: var(--checkbox-text-color);
  opacity: 1;
  margin-bottom: 0px;
  cursor: pointer;
  --lh: 1.3;
}
.ast-popups .radio + .label-text span,.ast-popups .checkbox + .label-text span {
  display: inline;
  font-size: var(--checkbox-font-size);
  font-weight: var(--checkbox-font-weight);
  --lh: 1.3;
}
.ast-popups .radio + .label-text span a,.ast-popups .checkbox + .label-text span a {
  display: inline;
  width: auto;
  margin: 0;
  text-align: left;
  color: inherit;
  transition: color 0.3s var(--cubic), border-bottom 0.3s var(--cubic);
  color: var(--magenta);
  border-bottom: 1px solid var(--magenta);
}
@media (hover: hover) {
  .ast-popups .radio + .label-text span a:hover,.ast-popups .checkbox + .label-text span a:hover {
    color: var(--magenta);
    border-bottom: 1px solid var(--magenta);
  }
}
.ast-popups .radio + .label-text span a:focus-visible,.ast-popups .checkbox + .label-text span a:focus-visible {
  color: var(--magenta);
  border-bottom: 1px solid var(--magenta);
}
.ast-popups .radio + .label-text:before,.ast-popups .checkbox + .label-text:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
}

.ast-popups .checkbox + .label-text:before {
  border-radius: var(--checkbox-radius);
  border: var(--checkbox-border);
  background: var(--checkbox-background);
  background-size: 100% 100%;
  background-size: 0% 0%;
  transition: border 0.3s var(--cubic), background-color 0.3s var(--cubic);
}
.ast-popups .checkbox:focus-visible + .label-text:before {
  border: var(--checkbox-border-focus);
  background: var(--checkbox-background-focus);
}
.ast-popups .checkbox:checked + .label-text:before {
  border: var(--checkbox-border-checked);
  background: var(--checkbox-background-checked);
}
.ast-popups .checkbox:checked:focus-visible + .label-text:before {
  border: var(--checkbox-border-focus);
  background: var(--checkbox-background-checked-focus);
}
.ast-popups .checkbox.invalid + .label-text:before {
  border: var(--checkbox-border-invalid);
  background: var(--checkbox-background-invalid);
}

.ast-popups .radio + .label-text {
  color: var(--blue);
  line-height: 1.3;
}
.ast-popups .radio + .label-text span {
  font-size: var(--fs-16);
}
.ast-popups .radio + .label-text:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  left: 0px;
  top: 0px;
  border-radius: 100px;
  background: none;
  transform: scale(0);
  border: var(--fs-6) solid var(--magenta);
  transition: transform 0.3s var(--cubic);
}
.ast-popups .radio + .label-text:before {
  border-radius: var(--checkbox-size);
  border: var(--radio-border);
  transition: border 0.3s var(--cubic);
}
.ast-popups .radio:checked + .label-text:before {
  border: var(--radio-border-checked);
}
.ast-popups .radio:checked + .label-text:after {
  transform: scale(1);
}
.ast-popups .radio.invalid + .label-text:before {
  border: 1px solid var(--invalid);
}
.ast-popups .radio.invalid + .label-text:after {
  transform: scale(0);
}

.ast-popups .choices {
  color: var(--blue);
  width: 100%;
  height: var(--fs-50);
  text-align: left;
  margin: 0;
}
.ast-popups .choices[data-type*=select-one]::after {
  content: "";
  width: var(--fs-24);
  height: var(--fs-24);
  border: none;
  position: absolute;
  right: 16px;
  top: 50%;
  background: url("/local/templates/vine/assets/css/../img/svg/select.svg") no-repeat center center;
  transition: transform 0.3s;
  transform: translateY(-50%) rotate(0deg);
  margin: 0 !important;
  padding: 0 !important;
}
.ast-popups .choices .choices__inner {
  height: var(--fs-50);
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}
.ast-popups .choices .choices__inner .choices__list.choices__list--single {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  height: var(--fs-50);
  padding: 0px var(--fs-16);
  margin: 0;
  background: var(--white);
  border: 1px solid var(--grey-button);
  border-radius: var(--fs-16);
}
.ast-popups .choices .choices__inner .choices__list.choices__list--single b {
  display: none;
}
.ast-popups .choices .choices__inner .choices__list.choices__list--single .choices__item.choices__item--selectable {
  font-size: var(--fs-16);
  font-weight: 400;
  --lh: 1.3;
  font-family: var(--font);
}
.ast-popups .choices .choices__inner .choices__list.choices__list--single .choices__placeholder {
  color: var(--input-placeholder-color);
  opacity: var(--input-placeholder-opacity);
}
.ast-popups .choices .choices__list.choices__list--dropdown {
  border: 1px solid var(--grey-button);
  border-radius: var(--fs-16);
  box-shadow: 0px 8px 24px rgba(38, 46, 64, 0.18);
  padding: var(--fs-8);
}
.ast-popups .choices .choices__list.choices__list--dropdown .choices__item--selectable {
  font-style: 14px;
  font-weight: 400;
  --lh: 1;
  font-family: var(--font);
  padding: 8px 12px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0);
}
.ast-popups .choices .choices__list.choices__list--dropdown .choices__item--selectable b {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  font-family: var(--font);
  color: var(--grey-text);
  margin-top: 4px;
}
.ast-popups .choices .choices__list.choices__list--dropdown .choices__item--selectable:hover {
  background-color: var(--magenta-light);
  color: var(--magenta);
  font-weight: 700;
}
.ast-popups .choices .choices__list.choices__list--dropdown .choices__item--selectable:hover b {
  font-weight: 400;
}
.ast-popups .choices.is-open {
  z-index: 20;
}
.ast-popups .choices.is-open[data-type*=select-one]::after {
  transform: translateY(-50%) rotate(180deg);
}
.ast-popups .choices.invalid .choices__list.choices__list--single {
  border: 1px solid var(--invalid);
}

.ast-popups .label.label-code {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 2px 8px;
}
.ast-popups .label.label-code .input {
  flex: 1;
  text-align: center;
  font-size: var(--fs-24);
  font-weight: 700;
}
.ast-popups .label.label-code .input[data-code] {
  display: none;
}
.ast-popups .label.label-code .input.invalid ~ .input {
  border: 1px solid var(--invalid);
}

.ast-popups .radio-buttons {
  display: inline-flex;
  position: relative;
  width: auto;
  height: auto;
  background-color: var(--white);
  padding: 4px;
  border-radius: var(--fs-36);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ast-popups .radio-buttons.freez {
  pointer-events: none;
}
.ast-popups .radio-buttons .label {
  display: inline-block;
  width: auto;
}
.ast-popups .radio-buttons .radio-button {
  display: none;
}
.ast-popups .radio-buttons .radio-button + .label-text {
  font-size: var(--fs-14);
  font-weight: 500;
  --lh: 1.2857;
  margin: 0;
  padding: 5px 14px;
  border-radius: var(--fs-14);
  cursor: pointer;
  color: var(--grey-text);
  transition: background-color 0.3s var(--cubic), color 0.3s var(--cubic);
}
.ast-popups .radio-buttons .radio-button:checked + .label-text {
  background-color: var(--magenta);
  color: var(--white);
}
@media (max-width: 767px) {
  .ast-popups .radio-buttons {
    display: flex;
    width: 100%;
  }
  .ast-popups .radio-buttons .radio-button + .label-text {
    font-size: var(--fs-12);
    padding: 5px 10px;
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .ast-popups .radio-buttons .radio-button + .label-text {
    padding: 5px 8px;
  }
}

.ast-popups .label.label--file {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--fs-12);
}
.ast-popups .label.label--file > label {
  display: contents;
}
.ast-popups .label.label--file .inputError {
  order: 1;
}
.ast-popups .label.label--file .grey-text {
  align-self: flex-start;
  margin-top: var(--fs-12);
  pointer-events: none;
}
.ast-popups .label.label--file .button {
  padding-left: var(--fs-18);
  padding-right: var(--fs-18);
}
.ast-popups .label.label--file .button svg {
  color: var(--magenta);
}
.ast-popups .label.label--file input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.ast-popups .label.label--file:has(input:focus-visible) .button {
  outline: 2px solid var(--magenta);
  outline-offset: 2px;
}
.ast-popups .label.label--file .file-info-wrapper {
  display: none;
  width: 100%;
}
.ast-popups .label.label--file.has-file .file-info-wrapper {
  display: block;
}
.ast-popups .label.label--file > .text {
  flex: 1 1 0;
  min-width: 0;
}

.ast-popups .file-info {
  display: inline-flex;
  position: relative;
  width: auto;
  min-width: 296px;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--fs-8);
  padding: var(--fs-12) var(--fs-16);
  background-color: var(--grey-light);
  border-radius: var(--fs-16);
}
.ast-popups .file-info.full {
  min-width: 100%;
}
.ast-popups .file-info.full span,.ast-popups .file-info.full svg {
  transition: 0.3s;
}
@media (hover: hover) {
  .ast-popups .file-info.full:hover span {
    color: var(--magenta);
  }
  .ast-popups .file-info.full:hover span + svg {
    color: var(--magenta) !important;
  }
}
.ast-popups .file-info > svg:first-child {
  color: var(--magenta);
}
.ast-popups .file-info .text {
  display: block;
  width: auto;
  flex: 1;
  --lh: 1;
  margin: 0;
  margin-top: var(--fs-5);
}
.ast-popups .file-info button,.ast-popups .file-info > svg:last-child:not(:first-child) {
  display: flex;
  position: relative;
  flex-shrink: 0;
  width: var(--fs-24);
  height: var(--fs-24);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: auto;
  color: var(--grey-text);
}
.ast-popups .file-info button.download-icon,.ast-popups .file-info > svg:last-child:not(:first-child).download-icon {
  color: var(--grey-medium);
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-popups .file-info:hover button.download-icon,.ast-popups .file-info:hover > svg:last-child:not(:first-child).download-icon {
    color: var(--grey-text);
  }
}.ast-popups .buttons {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 32px;
}
.ast-popups .buttons.mt--auto {
  margin-top: auto;
}
.ast-popups .buttons.mt--16 {
  margin-top: var(--fs-16);
}
.ast-popups .buttons.mt--12 {
  margin-top: var(--fs-12);
}
.ast-popups .buttons.mt--8 {
  margin-top: var(--fs-8);
}
.ast-popups .buttons.ta--l {
  justify-content: flex-start;
}
.ast-popups .buttons.ta--r {
  justify-content: flex-end;
}
.ast-popups .buttons.group {
  gap: 8px;
}
.ast-popups .buttons.group .popup-subtitle {
  margin-bottom: 4px;
}
.ast-popups .buttons.gap--12 {
  gap: var(--fs-12);
}
.ast-popups .buttons.gap--16 {
  gap: var(--fs-16);
}
.ast-popups .buttons.gap--20 {
  gap: var(--fs-8) var(--fs-20);
}
.ast-popups .buttons.auto {
  flex: 1;
  gap: 18px;
}
@media (max-width: 767px) {
  .ast-popups .buttons {
    gap: var(--fs-16);
  }
  .ast-popups .buttons.gap--12 {
    gap: var(--fs-12);
  }
  .ast-popups .buttons.gap--16 {
    gap: var(--fs-16);
  }
}

.ast-popups .button {
  display: inline-flex;
  font-family: var(--font-center);
  font-weight: 400;
  line-height: round(1.3em, 2px);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
  min-height: round(var(--fs-40), 2px);
  padding: round(var(--fs-8), 1px) var(--fs-32);
  gap: 10px;
  border-radius: 100px;
  color: var(--white);
  background-color: var(--magenta);
  text-align: center;
  outline: none;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s var(--cubic), border 0.3s var(--cubic);
}
.ast-popups .button span {
  display: block;
  font-family: var(--font-center);
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: round(1.3em, 2px);
  pointer-events: none;
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-popups .button:hover {
    background-color: var(--magenta-hover);
  }
}
.ast-popups .button:focus-visible {
  background-color: var(--magenta-hover);
}
.ast-popups .button.full {
  width: 100%;
  padding-left: var(--fs-16);
  padding-right: var(--fs-16);
}
.ast-popups .button.icon-submit {
  flex-wrap: nowrap;
  border-radius: var(--input-border-radius);
  padding: 0px;
  min-width: var(--input-height);
  min-height: var(--input-height);
}
.ast-popups .button.icon-submit svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.ast-popups .button.blue {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
@media (hover: hover) {
  .ast-popups .button.blue:hover {
    background-color: var(--magenta-hover);
    border: 1px solid var(--magenta-hover);
  }
}
.ast-popups .button.blue:focus-visible {
  background-color: var(--magenta-hover);
  border: 1px solid var(--magenta-hover);
}
.ast-popups .button.blue-light {
  background-color: var(--blue-light);
  border: 1px solid rgba(0, 0, 0, 0);
}
.ast-popups .button.blue-light span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-popups .button.blue-light:hover {
    background-color: var(--blue-light-hover);
  }
}
.ast-popups .button.blue-light:focus-visible {
  background-color: var(--blue-light-hover);
  border: 1px solid var(--blue);
}
.ast-popups .button.white {
  background-color: var(--white);
  border: 1px solid var(--white);
}
.ast-popups .button.white span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-popups .button.white:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-popups .button.white:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-popups .button.white-border {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-popups .button.white-border span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-popups .button.white-border:hover {
    background-color: #f9ecf4;
  }
}
.ast-popups .button.white-border:focus-visible {
  background-color: #f9ecf4;
}
.ast-popups .button.button--tab {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-popups .button.button--tab span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-popups .button.button--tab:hover {
    background-color: #f9ecf4;
  }
}
.ast-popups .button.button--tab:focus-visible {
  background-color: #f9ecf4;
}
.ast-popups .button.button--tab.active {
  background-color: var(--magenta);
  border: 1px solid var(--magenta);
  pointer-events: none;
}
.ast-popups .button.button--tab.active span {
  color: var(--white);
}
.ast-popups .button.blue-border {
  background-color: var(--white);
  border: 1px solid var(--grey-button);
}
.ast-popups .button.blue-border span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-popups .button.blue-border:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-popups .button.blue-border:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-popups .button.magenta-light {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: var(--magenta-light);
}
.ast-popups .button.magenta-light span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-popups .button.magenta-light:hover {
    background-color: var(--magenta-light-hover);
  }
}
.ast-popups .button.magenta-light:focus-visible {
  border: 1px solid var(--magenta);
  background-color: var(--magenta-light-hover);
}
.ast-popups .button.button-pdf {
  background-color: var(--grey-light);
  color: var(--grey-medium);
  gap: calc(1 * var(--ast-ui-rem));
  padding: var(--fs-20) var(--fs-24);
}
.ast-popups .button.button-pdf span {
  color: var(--blue);
  font-size: var(--fs-16);
  --lh: 1.2;
  text-align: center;
  font-weight: 700;
}
.ast-popups .button.button-pdf span + svg {
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-popups .button.button-pdf:hover span {
    color: var(--magenta);
  }
  .ast-popups .button.button-pdf:hover span + svg {
    color: var(--magenta);
  }
}
.ast-popups .button.button-pdf:focus-visible span {
  color: var(--magenta);
}
.ast-popups .button.button-pdf:focus-visible span + svg {
  color: var(--magenta);
}
@media (max-width: 767px) {
  .ast-popups .button.button-pdf {
    padding: var(--fs-14) var(--fs-20);
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.ast-popups .button:disabled {
  opacity: 1;
  background-color: var(--grey-light);
  border: 1px solid var(--grey-medium);
}
.ast-popups .button:disabled span {
  color: var(--grey-medium);
}

.ast-popups [data-read-more-btn] {
  margin-top: -12px;
}
@media (max-width: 767px) {
  .ast-popups [data-read-more-btn] {
    margin-top: -8px;
  }
}

@media (max-width: 767px) {
  .ast-popups .button.load-more {
    width: 100%;
  }
}

.ast-popups .fix-button {
  display: block;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  border-radius: var(--fs-30) var(--fs-30) 0px 0px;
  background-color: var(--white);
  padding: 16px 20px;
  z-index: 10;
  transition: transform 0.5s var(--cubic);
  transform: translateY(200%);
}
.ast-popups .fix-button.active {
  transform: translateY(0%);
}
.ast-popups .fix-button .button {
  width: 100%;
}

.a11y-theme-dark .ast-popups .button {
  color: var(--black);
}
.a11y-theme-dark .ast-popups .button.blue {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-popups .button.blue:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-popups .button.blue:focus-visible {
  color: var(--black);
}
.a11y-theme-dark .ast-popups .button.blue-light {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-popups .button.blue-light:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-popups .button.blue-light:focus-visible {
  color: var(--black);
}.ast-popups .title {
  display: inline-block;
  font-weight: 400;
  --lh: 1.2;
  color: var(--blue);
}
.ast-popups .title.title--confirm {
  position: relative;
  padding: var(--fs-8) var(--fs-16) var(--fs-8) var(--fs-40);
  background-color: var(--grey-light);
  border-radius: var(--fs-10);
  font-weight: 700;
}
.ast-popups .title.title--confirm svg {
  color: var(--magenta);
  width: var(--fs-40);
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.ast-popups .title.magenta {
  color: var(--magenta);
}
.ast-popups .title.white {
  color: var(--white);
}
.ast-popups .title.bold {
  font-weight: 700;
}
.ast-popups .title.regular {
  font-weight: 400;
}
.ast-popups .title.light {
  font-weight: 300;
}
.ast-popups .title.title--64 {
  font-size: var(--fs-64);
}
.ast-popups .title.title--60 {
  font-size: var(--fs-60);
}
.ast-popups .title.title--56 {
  font-size: var(--fs-56);
  --lh: 1;
  letter-spacing: -0.01em;
}
.ast-popups .title.title--44 {
  font-size: var(--fs-44);
  letter-spacing: -0.01em;
}
.ast-popups .title.title--40 {
  font-size: var(--fs-40);
  letter-spacing: -0.01em;
}
.ast-popups .title.title--34 {
  font-size: var(--fs-34);
}
.ast-popups .title.title--32 {
  font-size: var(--fs-32);
  letter-spacing: -0.005em;
  --lh: 1.18;
}
.ast-popups .title.title--30 {
  font-size: var(--fs-30);
}
.ast-popups .title.title--24 {
  font-size: var(--fs-24);
  --lh: 1.2;
}
.ast-popups .title.title--18 {
  font-size: var(--fs-18);
}
.ast-popups .title.title--16 {
  font-size: var(--fs-16);
}
.ast-popups .title.title--14 {
  font-size: var(--fs-14);
}
.ast-popups .title.full {
  width: 100%;
}
.ast-popups .title.upper {
  text-transform: uppercase;
}

.ast-popups .title-link {
  color: inherit;
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-popups .title-link:hover {
    color: var(--magenta);
  }
}
.ast-popups .title-link:focus-visible {
  color: var(--magenta);
}

.ast-popups .text {
  display: block;
  color: var(--blue);
  font-size: var(--fs-16);
  --lh: 1.3;
}
.ast-popups .text.upper {
  text-transform: uppercase;
}
.ast-popups .text.bold {
  font-weight: 700;
}
.ast-popups .text.ta--l {
  text-align: left;
}
.ast-popups .text.fs-12 {
  font-size: var(--fs-12);
}
.ast-popups .text.fs-14 {
  font-size: var(--fs-14);
  --lh: 1.28;
}
.ast-popups .text.fs-18 {
  font-size: var(--fs-18);
  --lh: 1.2;
}
@media (max-width: 1023px) {
  .ast-popups .text.fs-18 {
    font-size: var(--fs-16);
  }
}
.ast-popups .text.fs-20 {
  font-size: var(--fs-20);
  --lh: 1.5;
}
@media (max-width: 767px) {
  .ast-popups .text.fs-20 {
    font-size: var(--fs-18);
  }
}
.ast-popups .text.fs-24 {
  font-size: var(--fs-24);
  --lh: 1.2;
}
.ast-popups .text.fs-32 {
  font-size: var(--fs-32);
  --lh: 1.2;
}
.ast-popups .text.white {
  color: var(--white);
}
.ast-popups .text.grey {
  color: var(--grey);
}
.ast-popups .text.grey-dark {
  color: var(--grey-dark);
}
.ast-popups .text.grey-text {
  color: var(--grey-text);
}
.ast-popups .text.grey-medium {
  color: var(--grey-medium);
}
.ast-popups .text.blue-text {
  color: var(--blue-text);
}
.ast-popups .text.magenta {
  color: var(--magenta);
}
.ast-popups .text.full {
  width: 100%;
}
.ast-popups .text.under {
  border-bottom: 1px solid var(--magenta);
}

.ast-popups .cut-2,.ast-popups .cut-3,.ast-popups .cut-4,.ast-popups .cut-5,.ast-popups .cut-6,.ast-popups .cut-7 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ast-popups .cut-2 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.ast-popups .cut-3 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.ast-popups .cut-4 {
  line-clamp: 4;
  -webkit-line-clamp: 4;
}

.ast-popups .cut-5 {
  line-clamp: 5;
  -webkit-line-clamp: 5;
}

.ast-popups .cut-6 {
  line-clamp: 6;
  -webkit-line-clamp: 6;
}

.ast-popups .cut-7 {
  line-clamp: 7;
  -webkit-line-clamp: 7;
}

.ast-popups .read-more-clamp,.ast-popups [data-read-more]:not(.is-expanded) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: var(--read-more-lines);
  -webkit-line-clamp: var(--read-more-lines);
}

@media (max-width: 1023px) {
  .ast-popups .title.title--40 {
    font-size: var(--fs-32);
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .ast-popups .title.title--24 {
    font-size: var(--fs-20);
  }
  .ast-popups .title.title--32 {
    font-size: var(--fs-28);
    --lh: 1.2;
  }
  .ast-popups .title.title--32.bold {
    font-size: var(--fs-24);
  }
  .ast-popups .title.title--40,.ast-popups .title.title--44 {
    font-size: var(--fs-28);
    line-height: var(--fs-32);
  }
  .ast-popups .title.title--64 {
    font-size: var(--fs-32);
  }
  .ast-popups .title.title--56 {
    font-size: var(--fs-38);
  }
  .ast-popups .text.fs-18 {
    font-size: var(--fs-16);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .a11y.a11y-font-big .ast-popups .title.title--24 {
    font-size: var(--fs-26);
  }
  .a11y.a11y-font-big .ast-popups .title.title--18 {
    font-size: var(--fs-20);
  }
  .a11y.a11y-font-big .ast-popups .title.title--16 {
    font-size: var(--fs-18);
  }
  .a11y.a11y-font-big .ast-popups .title.title--14 {
    font-size: var(--fs-15);
  }
  .a11y.a11y-font-big .ast-popups .text {
    font-size: 18px;
    --lh: 1.2;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-12 {
    font-size: 14px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-14 {
    font-size: 16px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-16 {
    font-size: 18px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-18 {
    font-size: 20px;
  }
  .a11y.a11y-font-large .ast-popups .title.title--24 {
    font-size: var(--fs-28);
  }
  .a11y.a11y-font-large .ast-popups .title.title--18 {
    font-size: var(--fs-22);
  }
  .a11y.a11y-font-large .ast-popups .title.title--16 {
    font-size: var(--fs-20);
  }
  .a11y.a11y-font-large .ast-popups .title.title--14 {
    font-size: var(--fs-16);
  }
  .a11y.a11y-font-large .ast-popups .text {
    font-size: 20px;
    --lh: 1.2;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-12 {
    font-size: 16px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-14 {
    font-size: 18px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-16 {
    font-size: 20px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-18 {
    font-size: 22px;
  }
}
@media (min-width: 1024px) {
  .a11y.a11y-font-large .ast-popups .title.title--24 {
    font-size: var(--fs-26);
  }
  .a11y.a11y-font-large .ast-popups .title.title--18 {
    font-size: var(--fs-20);
  }
  .a11y.a11y-font-large .ast-popups .title.title--16 {
    font-size: var(--fs-18);
  }
  .a11y.a11y-font-large .ast-popups .title.title--14 {
    font-size: var(--fs-16);
  }
  .a11y.a11y-font-large .ast-popups .text {
    font-size: 32px;
    --lh: 1.2;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-12 {
    font-size: 24px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-14 {
    font-size: 28px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-16 {
    font-size: 32px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-18 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .a11y.a11y-font-big .ast-popups .title.title--24 {
    font-size: var(--fs-22);
  }
  .a11y.a11y-font-big .ast-popups .title.title--18 {
    font-size: var(--fs-18);
  }
  .a11y.a11y-font-big .ast-popups .title.title--16 {
    font-size: var(--fs-16);
  }
  .a11y.a11y-font-big .ast-popups .title.title--14 {
    font-size: var(--fs-14);
  }
  .a11y.a11y-font-big .ast-popups .text {
    font-size: 18px;
    --lh: 1.3;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-12 {
    font-size: 14px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-14 {
    font-size: 15px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-16 {
    font-size: 18px;
  }
  .a11y.a11y-font-big .ast-popups .text.fs-18 {
    font-size: 18px;
    --lh: 1.5;
  }
  .a11y.a11y-font-large .ast-popups .title.title--24 {
    font-size: var(--fs-24);
  }
  .a11y.a11y-font-large .ast-popups .title.title--18 {
    font-size: var(--fs-18);
    --lh: 1.5;
  }
  .a11y.a11y-font-large .ast-popups .title.title--16 {
    font-size: var(--fs-16);
  }
  .a11y.a11y-font-large .ast-popups .title.title--14 {
    font-size: var(--fs-14);
  }
  .a11y.a11y-font-large .ast-popups .text {
    font-size: 20px;
    --lh: 1.25;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-12 {
    font-size: 16px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-14 {
    font-size: 16px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-16 {
    font-size: 20px;
  }
  .a11y.a11y-font-large .ast-popups .text.fs-18 {
    font-size: 20px;
    --lh: 1.5;
  }
}.ast-cookie-notice .popup-close {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: inherit;
  transform: rotate(0deg);
  color: var(--grey-text);
  outline: none;
  transition: transform 0.3s var(--cubic), color 0.3s var(--cubic);
  flex-shrink: 0;
}
.ast-cookie-notice .popup-close svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (hover: hover) {
  .ast-cookie-notice .popup-close:hover {
    transform: rotate(90deg);
    color: var(--magenta);
  }
}
.ast-cookie-notice .popup-close:focus-visible {
  transform: rotate(90deg);
  color: var(--magenta);
}

.ast-cookie-notice.cookeis-backdrop {
  display: flex;
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100svh;
  z-index: 999;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
  pointer-events: none;
  padding: 20px;
}
@media (max-width: 767px) {
  .ast-cookie-notice.cookeis-backdrop {
    padding: 16px;
  }
}
.ast-cookie-notice.cookeis-backdrop a,.ast-cookie-notice.cookeis-backdrop button {
  pointer-events: auto;
}
.ast-cookie-notice.cookeis-backdrop.active .cookeis-popup {
  transform: translate(0%, 0%);
  opacity: 1;
  transition: transform 1s var(--cubic), opacity 1s var(--cubic) 0.5s;
}

.ast-cookie-notice .cookeis-popup {
  display: inline-flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  width: auto;
  max-width: 355px;
  gap: 30px;
  background-color: var(--white);
  padding: 32px;
}
@media (max-width: 639px) {
  .ast-cookie-notice .cookeis-popup {
    padding: 20px;
    gap: 16px;
  }
}
.ast-cookie-notice .cookeis-popup {
  border-radius: 26px;
  color: var(--blue);
  font-family: var(--font);
  box-shadow: 0px 0px 50px rgba(39, 53, 81, 0.3);
  transition: transform 1s var(--cubic), opacity 1s var(--cubic);
  transform: translate(0%, 120%);
  opacity: 0;
}

.ast-cookie-notice .cookeis-popup-text {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 20px;
}
.ast-cookie-notice .cookeis-popup-text p {
  display: block;
  font-size: 16px;
  --lh: 1.3;
}
.ast-cookie-notice .cookeis-popup-text p a {
  border-bottom: 1px solid var(--magenta);
  color: var(--magenta);
}.ast-cookie-notice .buttons {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 32px;
}
.ast-cookie-notice .buttons.mt--auto {
  margin-top: auto;
}
.ast-cookie-notice .buttons.mt--16 {
  margin-top: var(--fs-16);
}
.ast-cookie-notice .buttons.mt--12 {
  margin-top: var(--fs-12);
}
.ast-cookie-notice .buttons.mt--8 {
  margin-top: var(--fs-8);
}
.ast-cookie-notice .buttons.ta--l {
  justify-content: flex-start;
}
.ast-cookie-notice .buttons.ta--r {
  justify-content: flex-end;
}
.ast-cookie-notice .buttons.group {
  gap: 8px;
}
.ast-cookie-notice .buttons.group .popup-subtitle {
  margin-bottom: 4px;
}
.ast-cookie-notice .buttons.gap--12 {
  gap: var(--fs-12);
}
.ast-cookie-notice .buttons.gap--16 {
  gap: var(--fs-16);
}
.ast-cookie-notice .buttons.gap--20 {
  gap: var(--fs-8) var(--fs-20);
}
.ast-cookie-notice .buttons.auto {
  flex: 1;
  gap: 18px;
}
@media (max-width: 767px) {
  .ast-cookie-notice .buttons {
    gap: var(--fs-16);
  }
  .ast-cookie-notice .buttons.gap--12 {
    gap: var(--fs-12);
  }
  .ast-cookie-notice .buttons.gap--16 {
    gap: var(--fs-16);
  }
}

.ast-cookie-notice .button {
  display: inline-flex;
  font-family: var(--font-center);
  font-weight: 400;
  line-height: round(1.3em, 2px);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
  min-height: round(var(--fs-40), 2px);
  padding: round(var(--fs-8), 1px) var(--fs-32);
  gap: 10px;
  border-radius: 100px;
  color: var(--white);
  background-color: var(--magenta);
  text-align: center;
  outline: none;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s var(--cubic), border 0.3s var(--cubic);
}
.ast-cookie-notice .button span {
  display: block;
  font-family: var(--font-center);
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: round(1.3em, 2px);
  pointer-events: none;
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-cookie-notice .button:hover {
    background-color: var(--magenta-hover);
  }
}
.ast-cookie-notice .button:focus-visible {
  background-color: var(--magenta-hover);
}
.ast-cookie-notice .button.full {
  width: 100%;
  padding-left: var(--fs-16);
  padding-right: var(--fs-16);
}
.ast-cookie-notice .button.icon-submit {
  flex-wrap: nowrap;
  border-radius: var(--input-border-radius);
  padding: 0px;
  min-width: var(--input-height);
  min-height: var(--input-height);
}
.ast-cookie-notice .button.icon-submit svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.ast-cookie-notice .button.blue {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
@media (hover: hover) {
  .ast-cookie-notice .button.blue:hover {
    background-color: var(--magenta-hover);
    border: 1px solid var(--magenta-hover);
  }
}
.ast-cookie-notice .button.blue:focus-visible {
  background-color: var(--magenta-hover);
  border: 1px solid var(--magenta-hover);
}
.ast-cookie-notice .button.blue-light {
  background-color: var(--blue-light);
  border: 1px solid rgba(0, 0, 0, 0);
}
.ast-cookie-notice .button.blue-light span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-cookie-notice .button.blue-light:hover {
    background-color: var(--blue-light-hover);
  }
}
.ast-cookie-notice .button.blue-light:focus-visible {
  background-color: var(--blue-light-hover);
  border: 1px solid var(--blue);
}
.ast-cookie-notice .button.white {
  background-color: var(--white);
  border: 1px solid var(--white);
}
.ast-cookie-notice .button.white span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-cookie-notice .button.white:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-cookie-notice .button.white:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-cookie-notice .button.white-border {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-cookie-notice .button.white-border span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-cookie-notice .button.white-border:hover {
    background-color: #f9ecf4;
  }
}
.ast-cookie-notice .button.white-border:focus-visible {
  background-color: #f9ecf4;
}
.ast-cookie-notice .button.button--tab {
  background-color: var(--white);
  border: 1px solid var(--magenta);
}
.ast-cookie-notice .button.button--tab span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-cookie-notice .button.button--tab:hover {
    background-color: #f9ecf4;
  }
}
.ast-cookie-notice .button.button--tab:focus-visible {
  background-color: #f9ecf4;
}
.ast-cookie-notice .button.button--tab.active {
  background-color: var(--magenta);
  border: 1px solid var(--magenta);
  pointer-events: none;
}
.ast-cookie-notice .button.button--tab.active span {
  color: var(--white);
}
.ast-cookie-notice .button.blue-border {
  background-color: var(--white);
  border: 1px solid var(--grey-button);
}
.ast-cookie-notice .button.blue-border span {
  color: var(--blue);
}
@media (hover: hover) {
  .ast-cookie-notice .button.blue-border:hover {
    border: 1px solid var(--magenta);
    background-color: #f9ecf4;
  }
}
.ast-cookie-notice .button.blue-border:focus-visible {
  border: 1px solid var(--magenta);
  background-color: #f9ecf4;
}
.ast-cookie-notice .button.magenta-light {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: var(--magenta-light);
}
.ast-cookie-notice .button.magenta-light span {
  color: var(--magenta);
}
@media (hover: hover) {
  .ast-cookie-notice .button.magenta-light:hover {
    background-color: var(--magenta-light-hover);
  }
}
.ast-cookie-notice .button.magenta-light:focus-visible {
  border: 1px solid var(--magenta);
  background-color: var(--magenta-light-hover);
}
.ast-cookie-notice .button.button-pdf {
  background-color: var(--grey-light);
  color: var(--grey-medium);
  gap: calc(1 * var(--ast-ui-rem));
  padding: var(--fs-20) var(--fs-24);
}
.ast-cookie-notice .button.button-pdf span {
  color: var(--blue);
  font-size: var(--fs-16);
  --lh: 1.2;
  text-align: center;
  font-weight: 700;
}
.ast-cookie-notice .button.button-pdf span + svg {
  transition: color 0.3s var(--cubic);
}
@media (hover: hover) {
  .ast-cookie-notice .button.button-pdf:hover span {
    color: var(--magenta);
  }
  .ast-cookie-notice .button.button-pdf:hover span + svg {
    color: var(--magenta);
  }
}
.ast-cookie-notice .button.button-pdf:focus-visible span {
  color: var(--magenta);
}
.ast-cookie-notice .button.button-pdf:focus-visible span + svg {
  color: var(--magenta);
}
@media (max-width: 767px) {
  .ast-cookie-notice .button.button-pdf {
    padding: var(--fs-14) var(--fs-20);
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.ast-cookie-notice .button:disabled {
  opacity: 1;
  background-color: var(--grey-light);
  border: 1px solid var(--grey-medium);
}
.ast-cookie-notice .button:disabled span {
  color: var(--grey-medium);
}

.ast-cookie-notice [data-read-more-btn] {
  margin-top: -12px;
}
@media (max-width: 767px) {
  .ast-cookie-notice [data-read-more-btn] {
    margin-top: -8px;
  }
}

@media (max-width: 767px) {
  .ast-cookie-notice .button.load-more {
    width: 100%;
  }
}

.ast-cookie-notice .fix-button {
  display: block;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  border-radius: var(--fs-30) var(--fs-30) 0px 0px;
  background-color: var(--white);
  padding: 16px 20px;
  z-index: 10;
  transition: transform 0.5s var(--cubic);
  transform: translateY(200%);
}
.ast-cookie-notice .fix-button.active {
  transform: translateY(0%);
}
.ast-cookie-notice .fix-button .button {
  width: 100%;
}

.a11y-theme-dark .ast-cookie-notice .button {
  color: var(--black);
}
.a11y-theme-dark .ast-cookie-notice .button.blue {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-cookie-notice .button.blue:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-cookie-notice .button.blue:focus-visible {
  color: var(--black);
}
.a11y-theme-dark .ast-cookie-notice .button.blue-light {
  color: var(--white);
}
@media (hover: hover) {
  .a11y-theme-dark .ast-cookie-notice .button.blue-light:hover {
    color: var(--black);
  }
}
.a11y-theme-dark .ast-cookie-notice .button.blue-light:focus-visible {
  color: var(--black);
}
/* Bridge existing Bitrix markup to the upstream stylesheet. */
.ast-footer, .ast-popups, .ast-cookie-notice {
  font-family: var(--font);
  font-size: var(--ast-ui-rem);
  font-weight: 400;
  --lh: 1.3;
  line-height: calc(var(--lh) * 1em);
  line-height: round(var(--lh) * 1em, 1px);
}

.ast-footer [hidden], .ast-popups [hidden], .ast-cookie-notice[hidden], .ast-cookie-notice [hidden] {
  display: none !important;
}

body.ast-site.locked {
  overflow-x: hidden;
  overflow-y: hidden;
}

.ast-popups .form {
  width: 100%;
}

.ast-cookie-notice [data-cookie-confirm]:disabled {
  cursor: wait;
}
/* End */


/* Start:/local/templates/vine/css/auth-modal.css?17875132357399*/
/* =========================================================================
   Окно входа по номеру телефона — три шага одного окна.
   Макет Figma HA2Vx4dnWPRDdb6SL7tM3y:
     18:591  «Введите номер телефона»  344×330
     18:642  «Введите код»             344×593
     20:521  «Вход выполнен»           344×296

   Общее у всех трёх: белое окно шириной 344, padding 16, крестик 32×32
   у правого края, содержимое колонкой с шагом 24. Высота не фиксируется —
   она набирается содержимым шага и в макете у каждого шага своя.

   Оболочку (затемнение, центрирование, крестик) держит css/contacts-modal.css,
   здесь только размер окна и его содержимое.
   ========================================================================= */

.contacts-modal__window--auth {
	box-sizing: border-box;
	width: 344px;
	max-width: 100%;
	padding: 16px;
	background: #FFFFFF;
}

.auth-modal__step {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	margin-top: 8px;
}

/* Заголовок 34px Regular. Пишем с .vine-main, иначе общее правило проекта
   для заголовков перебьёт кегль — эта грабля в проекте ловилась трижды.
   Тег выбран <p>, а не <h2>, по той же причине. */
.vine-main .auth-modal__title,
.auth-modal__title {
	margin: 0;
	width: 100%;
	font-size: 34px;
	font-weight: 400;
	line-height: normal;
	color: #000000;
	text-align: center;
}

/* На шаге «Введите код» заголовок в макете прижат к левому краю набора,
   а не растянут по ширине (18:645 — hug content по центру). */
.auth-modal__title--code {
	text-align: center;
}

/* ------------------------------------------------------- поле телефона */

.auth-modal__field {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	height: 32px;
	padding: 0 8px;
	background: #FFFFFF;
	border: 1px solid #000000;
	overflow: hidden;
}

.auth-modal__input {
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
	font-family: inherit;
	font-size: 18px;
	line-height: normal;
	color: #000000;
}

.auth-modal__input::placeholder {
	color: #C4C4C4;
}

/* ---------------------------------------------------------- код 4 поля */

/* Набор 18:670: в макете четыре поля по 60×32 с шагом 24. Полей по факту
   шесть — столько цифр в коде, который выдаёт ядро (см. комментарий в
   include/auth-modal.php), поэтому шаг уменьшен до 8: шесть полей по 60 с
   шагом 24 не влезают в рабочую ширину окна 312. Ширина полей не
   фиксируется, они делят строку поровну. */
.auth-modal__code {
	display: flex;
	gap: 8px;
	width: 100%;
}

.auth-modal__code-input {
	box-sizing: border-box;
	flex: 1 0 0;
	min-width: 0;
	height: 32px;
	padding: 0 8px;
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: inherit;
	font-size: 18px;
	line-height: normal;
	color: #000000;
	text-align: center;
}

/* -------------------------------------------------------------- тексты */

.auth-modal__hint,
.auth-modal__terms,
.auth-modal__timer {
	margin: 0;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	color: #000000;
}

.auth-modal__terms a {
	color: #0077FF;
	text-decoration: underline;
}

/* Ошибка 18:869 и 18:673 — красный текст 18px в потоке, без иконки. */
.auth-modal__error {
	margin: 0;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	color: #FF0000;
}

/* Строка кода на стенде: SMS не отправляется, и код показывается тут.
   Оформление намеренно служебное — это не часть макета. */
.auth-modal__debug {
	margin: 16px 0 0;
	padding: 8px;
	border: 1px dashed #777777;
	font-size: 14px;
	line-height: normal;
	color: #777777;
	text-align: center;
}

/* -------------------------------------------------------------- кнопки */

/* Обе активные кнопки — общая тёмная кнопка проекта; из макета берём только
   ширину: «Получить код» 140×40, «Перейти к оформлению» 227×40. */
.auth-modal__submit {
	min-width: 140px;
	min-height: 40px;
}

.auth-modal__next {
	min-width: 227px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* «Получить новый код» (18:647) нарисована неактивной: пока идёт отсчёт —
   фон #E5E5E5, рамка и текст #777777. Активной она становится, когда
   отсчёт закончился, и тогда выглядит как обычная белая кнопка проекта. */
.auth-modal__resend {
	min-width: 199px;
	min-height: 40px;
}

.auth-modal__resend[disabled] {
	background: #E5E5E5;
	border-color: #777777;
	color: #777777;
	cursor: default;
}

/* Шаг «Вход выполнен» в макете — заголовок и кнопка по центру с шагом 24
   и пустыми строками сверху и снизу; пустые строки не переносим. */
.auth-modal__step--done {
	padding: 24px 0;
}

/* ------------------------------------------------- вход по почте (328:4495) */

/* «Далее» 77×40, «Закрыть» 97×40 — ширины из макета. */
.auth-modal__next-btn {
	min-width: 77px;
	min-height: 40px;
}

.auth-modal__close-btn {
	min-width: 97px;
	min-height: 40px;
}

.auth-modal__social-title {
	margin: 0;
	width: 100%;
	font-size: 18px;
	line-height: normal;
	color: #000000;
}

/* Три кнопки 113×40 колонкой с шагом 16 (1043:14960), по центру окна. */
.auth-modal__social {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}

.auth-modal__social-btn {
	min-width: 113px;
	min-height: 40px;
}

/* Провайдеры не подключены — кнопки неактивны. Оформление неактивной кнопки
   то же, что у «Получить новый код»: серый фон и серая рамка. */
.auth-modal__social-btn[disabled] {
	background: #E5E5E5;
	border-color: #777777;
	color: #777777;
	cursor: default;
}

/* «Назад» (328:4524) — это ссылка по виду: синий подчёркнутый текст 18px,
   но по сути кнопка, поэтому кнопка без фона и рамки. */
.auth-modal__back {
	align-self: flex-start;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-family: inherit;
	font-size: 18px;
	line-height: normal;
	color: #0077FF;
	text-decoration: underline;
	cursor: pointer;
}

/* End */


/* Start:/local/templates/vine/css/consent.css?17875153232987*/
/* =========================================================================
   Сквозные окна согласия.
   Макет Figma HA2Vx4dnWPRDdb6SL7tM3y:
     493:11424  «Подтверждение возраста» — окно 344×302, padding 16, gap 24:
                «18+» 48px Bold по центру, текст 312×126, кнопка 136×40
     493:11430  «Cookie» — плашка 496×144, padding 16: текст 306 слева,
                кнопка «Принять» 97×40 справа, ниже ссылка 265×21

   Затемнение и центрирование у возрастного окна свои, а не от
   contacts-modal: то окно обязано закрываться крестиком и Escape, а это —
   нет (в макете крестик скрыт, выйти можно только кнопкой).
   ========================================================================= */

.consent[hidden] {
	display: none;
}

/* ------------------------------------------------ подтверждение возраста */

.consent--age {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.5);
}

.consent__window--age {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	width: 344px;
	max-width: 100%;
	padding: 16px;
	background: #FFFFFF;
}

.consent__age-title {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	color: #000000;
}

.consent__text {
	margin: 0;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	color: #000000;
}

.consent__age-button {
	min-width: 136px;
	min-height: 40px;
}

/* --------------------------------------------------------- плашка cookie */

/* Места на экране макет не задаёт — ставим в левый нижний угол с отступом 16
   (решение наше, обосновано в include/consent-modals.php). */
.consent--cookie {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 999;
}

.consent__window--cookie {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 496px;
	max-width: calc(100vw - 32px);
	padding: 16px;
	background: #FFFFFF;
	border: 1px solid #000000;
}

/* Текст и кнопка в одну строку: в макете кнопка стоит справа от текста
   (x=341 при тексте шириной 306), выровнена по его первой строке. */
.consent__cookie-row {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	justify-content: space-between;
}

.consent__text--cookie {
	max-width: 306px;
}

.consent__cookie-button {
	flex: 0 0 auto;
	min-width: 97px;
	min-height: 40px;
}

.consent__link {
	font-size: 18px;
	line-height: normal;
	color: #0077FF;
	text-decoration: underline;
}

/* End */


/* Start:/local/templates/vine/template_styles.css?179201136031904*/
/* =========================================================================
   ШКОЛА ВИНА AST — БАЗОВЫЙ СЛОЙ ШАБЛОНА vine
   Только общие вещи: шрифт, сброс, токены, сетка, типографика, ссылки,
   кнопка, бейдж, разделитель, вертикальный ритм секций главной.
   Стили конкретных секций живут в style.css шаблонов компонентов.
   Все размеры сняты из макета Figma HA2Vx4dnWPRDdb6SL7tM3y, фрейм 493:13148.
   ========================================================================= */

/* ------------------------------------------------------------------ ШРИФТ */
/* Roboto: Regular 400, Bold 700, Italic 400 — три начертания из макета.
   Подключаем через @font-face (а не @import), чтобы правила пережили
   объединение CSS Битриксом. Сначала пробуем локально установленный шрифт,
   затем вариативный woff2 (кириллица + латиница). */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: local("Roboto"), local("Roboto Regular"),
		url("https://fonts.gstatic.com/s/roboto/v51/KFOBCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbQuYoPsOC-chym82_D9n7ufFffE.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: local("Roboto"), local("Roboto Regular"),
		url("https://fonts.gstatic.com/s/roboto/v51/KFOBCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbQuYoPsOC-chym82_D9n6ufF.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: local("Roboto Italic"),
		url("https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQuAz-k2Qn.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: local("Roboto Italic"),
		url("https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQuAj-kw.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------------------------------------------------------------------ ТОКЕНЫ */
:root {
	/* цвета макета */
	--vine-color-text: #000000;
	--vine-color-bg: #FFFFFF;
	--vine-color-link: #0077FF;
	--vine-color-badge: #FFFF00;
	--vine-color-card: #C4C4C4;
	--vine-color-line: #777777;
	--vine-color-btn: #151515;
	--vine-color-btn-text: #FFFFFF;
	--vine-color-overlay: rgba(255, 255, 255, 0.8);

	/* типографика */
	--vine-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
	--vine-fz-h1: 40px;   /* заголовок секции: «Полезные материалы» */
	--vine-fz-h2: 34px;   /* подзаголовок: «Очные», «Онлайн» */
	--vine-fz-h3: 28px;   /* заголовок крупной карточки */
	--vine-fz-h4: 24px;   /* заголовок баннера / карточки-плитки */
	--vine-fz-text: 18px; /* основной текст, ссылки, кнопки */
	--vine-fz-price: 16px;/* цена (Bold) */
	--vine-fz-small: 14px;/* дата, бейдж (Italic) */

	/* сетка и отступы */
	--vine-page: 1280px;  /* ширина страницы */
	--vine-container: 1248px; /* ширина контента */
	--vine-side: 16px;    /* боковые отступы страницы */
	--vine-gap: 16px;     /* базовый шаг: между секциями, колонками, карточками */
	--vine-gap-sm: 8px;   /* мелкий шаг: внутри карточки */
	--vine-pad-card: 8px; /* внутренний отступ карточки */
	--vine-radius: 8px;   /* скругление карточки */
	--vine-radius-btn: 5px;
	--vine-radius-badge: 4px;
}

/* ------------------------------------------------------------------ СБРОС */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--vine-color-bg);
	color: var(--vine-color-text);
	font-family: var(--vine-font);
	font-size: var(--vine-fz-text);
	font-weight: 400;
	line-height: normal; /* в макете у всех текстов leading: normal */
	font-variation-settings: "wdth" 100;
}

h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
	margin: 0;
}

ul, ol {
	margin: 0;
	padding: 0;
}

ul[class],
ol[class] {
	list-style: none;
}

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

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

button {
	cursor: pointer;
}

table {
	border-collapse: collapse;
}

/* ------------------------------------------------------------ КОНТЕЙНЕР */
/* страница 1280, боковые отступы 16 → контент ровно 1248 */
.vine-container {
	width: 100%;
	max-width: var(--vine-page);
	margin: 0 auto;
	padding: 0 var(--vine-side);
}

/* область основного контента: 10px до шапки и до подвала (из макета) */
.vine-main {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ---------------------------------------------------------- ТИПОГРАФИКА */
/* Шкала снята из макета: 40 / 34 / 28 / 24 / 18 / 16 / 14 */
.vine-h1,
.vine-main h1 {
	font-size: var(--vine-fz-h1);
	font-weight: 400;
}

.vine-h2,
.vine-main h2 {
	font-size: var(--vine-fz-h2);
	font-weight: 400;
}

.vine-h3,
.vine-main h3 {
	font-size: var(--vine-fz-h3);
	font-weight: 700;
}

.vine-h4,
.vine-main h4 {
	font-size: var(--vine-fz-h4);
	font-weight: 400;
}

.vine-text {
	font-size: var(--vine-fz-text);
	font-weight: 400;
}

.vine-text--bold {
	font-weight: 700;
}

.vine-price {
	font-size: var(--vine-fz-price);
	font-weight: 700;
}

.vine-small {
	font-size: var(--vine-fz-small);
	font-weight: 400;
	font-style: italic;
}

/* длинные заголовки и описания переносятся, а не рвут сетку */
.vine-h1, .vine-h2, .vine-h3, .vine-h4,
.vine-text, .vine-small,
.vine-main p {
	word-break: break-word;
}

/* --------------------------------------------------------------- ССЫЛКИ */
a {
	color: var(--vine-color-link);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-position: from-font;
}

a:hover,
a:focus {
	color: var(--vine-color-link);
	text-decoration: underline;
}

/* ссылка-заголовок: цвет текста, подчёркивание только по наведению */
.vine-link-plain {
	color: inherit;
	text-decoration: none;
}

.vine-link-plain:hover,
.vine-link-plain:focus {
	color: inherit;
	text-decoration: underline;
}

/* --------------------------------------------------------------- КНОПКА */
/* из макета: padding 9px 12px 10px, рамка 1px #000, радиус 5px, текст 18px */
.vine-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 12px 10px;
	border: 1px solid var(--vine-color-text);
	border-radius: var(--vine-radius-btn);
	background: var(--vine-color-bg);
	color: var(--vine-color-text);
	font-family: var(--vine-font);
	font-size: var(--vine-fz-text);
	font-weight: 400;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.vine-btn:hover,
.vine-btn:focus {
	color: var(--vine-color-text);
	text-decoration: none;
}

/* тёмная кнопка («Отправить») */
.vine-btn--dark {
	background: var(--vine-color-btn);
	color: var(--vine-color-btn-text);
}

.vine-btn--dark:hover,
.vine-btn--dark:focus {
	color: var(--vine-color-btn-text);
}

/* --------------------------------------------------------------- БЕЙДЖ */
/* «новинка»: жёлтый фон, рамка 1px #000, радиус 4px, padding 4px, 14px italic */
.vine-badge {
	display: inline-flex;
	align-items: flex-start;
	padding: 4px;
	border: 1px solid var(--vine-color-text);
	border-radius: var(--vine-radius-badge);
	background: var(--vine-color-badge);
	color: var(--vine-color-text);
	font-size: var(--vine-fz-small);
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

/* Прошедший день в окне календаря ядра (задача SHKOLA_VINA_AST-82): выбрать
   нельзя и видно, что нельзя. Окно живёт в конце body, поэтому правило
   общее, а не в стилях компонента. */
.bx-calendar .bx-calendar-cell.vine-calendar-cell--past {
	opacity: 0.35;
	pointer-events: none;
	cursor: default;
}

/* Тег «Город» (задача SHKOLA_VINA_AST-109): тот же бейдж, но без жёлтой
   заливки и без курсива — город это факт, а не пометка «новинка». */
.vine-badge--city {
	background: transparent;
	font-style: normal;
}

/* ---------------------------------------------------- РАЗДЕЛИТЕЛЬ СЕКЦИЙ */
/* В макете (1660:9088, 1660:9229, 1660:9370) отбивка вокруг линии симметрична:
   16px воздуха + 8px поля + линия 1px #777 + 8px поля + 16px воздуха.
   Сама рамка разделителя — 16px высотой (8 + линия + 8), внешние 16px даёт
   собственный margin. Раньше здесь стоял margin: 0, воздух приходил только
   сверху — из margin-bottom предыдущей секции, — и отбивка выходила 24/8. */
.vine-divider {
	display: block;
	width: 100%;
	height: 16px;
	margin: var(--vine-gap) 0;
	padding: 8px 0;
	border: 0;
	background: none;
}

.vine-divider::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--vine-color-line);
}

/* Голый <hr> из контента (DETAIL_TEXT статьи и т.п.) тоже рисуем линией макета.
   :not(.vine-divider) обязателен: без него это правило (специфичность 0,1,1)
   перебивало .vine-divider (0,1,0) и сплющивало разделитель до 1px, из-за чего
   приходилось держать компенсирующее правило .vine-main hr.vine-divider —
   а оно, будучи специфичнее всех, глушило и постановочные переопределения
   разделителя в style.css шаблонов компонентов. */
.vine-main hr:not(.vine-divider) {
	height: 1px;
	margin: 8px 0;
	border: 0;
	background: var(--vine-color-line);
}

/* ------------------------------------------------- ВЕРТИКАЛЬНЫЙ РИТМ */
/* По координатам макета все блоки главной идут с шагом 16px:
   баннер → текст → каталог → материалы → отзывы → форма.
   Разделитель добавляет ещё 16px с каждой стороны (16 + 16 линия + 16).
   Соседние вертикальные margin'ы в обычном потоке схлопываются, поэтому
   16px секции и 16px разделителя дают ровно 16px, а не 32. Отдельного
   правила «.vine-section + .vine-divider { margin-top: 0 }» здесь больше нет:
   оно обнуляло воздух под разделителем и давало несимметричные 24/8. */
.vine-section {
	margin: 0 0 var(--vine-gap);
}

.vine-section:last-child {
	margin-bottom: 0;
}

/* шапка секции: заголовок 40px + ссылка «посмотреть все» 40px, зазор 16px,
   до контента секции — 16px */
.vine-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--vine-gap);
	margin: 0 0 var(--vine-gap);
}

.vine-section__title {
	font-size: var(--vine-fz-h1);
	font-weight: 400;
	color: var(--vine-color-text);
}

.vine-section__all {
	font-size: var(--vine-fz-h1);
	color: var(--vine-color-link);
	text-decoration: underline;
	white-space: nowrap;
}

/* подзаголовок группы («Очные» + «посмотреть все») — 34px */
.vine-subhead {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--vine-gap);
	margin: 0 0 var(--vine-gap);
}

.vine-subhead__title {
	font-size: var(--vine-fz-h2);
	font-weight: 400;
	color: var(--vine-color-text);
}

.vine-subhead__all {
	font-size: var(--vine-fz-h2);
	color: var(--vine-color-link);
	text-decoration: underline;
	white-space: nowrap;
}

/* ------------------------------------------------------ ХЕЛПЕРЫ СЕТКИ */
/* Общая заготовка карточки: фон #C4C4C4, padding 8px, радиус 8px, шаг 16px.
   Конкретную раскладку карточек агенты описывают в своих style.css. */
.vine-card {
	background: var(--vine-color-card);
	border-radius: var(--vine-radius);
	padding: var(--vine-pad-card);
}

.vine-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* ---------------------------------------------------------- АДАПТИВ */
@media (max-width: 1024px) {
	:root {
		--vine-fz-h1: 32px;
		--vine-fz-h2: 28px;
		--vine-fz-h3: 24px;
	}
}

@media (max-width: 640px) {
	:root {
		--vine-fz-h1: 26px;
		--vine-fz-h2: 22px;
		--vine-fz-h3: 20px;
		--vine-fz-h4: 20px;
		--vine-fz-text: 16px;
	}
}

/* ------------------------------ ШТАТНЫЕ КОМПОНЕНТЫ БИТРИКСА (глобально) */
/* Кнопки корзины/оформления — в цвет макета, а не ярко-синие по умолчанию */
.btn-primary,
.basket-btn-checkout,
.basket-coupon-block-coupon-btn,
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
	background-color: var(--vine-color-btn) !important;
	border-color: var(--vine-color-btn) !important;
	color: var(--vine-color-btn-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.basket-btn-checkout:hover,
.basket-btn-checkout:focus {
	background-color: #000 !important;
	border-color: #000 !important;
	color: var(--vine-color-btn-text) !important;
}

.btn-link {
	color: var(--vine-color-btn) !important;
}

/* =========================================================================
   ДЕТАЛЬНЫЕ СТРАНИЦЫ: КУРС / ЗАНЯТИЕ / ОНЛАЙН-КУРС — ОБЩИЙ СЛОЙ
   Добавлено 2026-08-14, этап Э4 по [[course-page-spec]] (раздел 1, 5.1, 6)
   и [[course-page-variants]] (3.2, 3.3, 3.4).
   Блок только ДОБАВЛЯЕТ: ни одно правило выше не изменено и не удалено.
   Стили конкретных секций по-прежнему живут в style.css своих шаблонов.
   Макет Figma HA2Vx4dnWPRDdb6SL7tM3y, фреймы 13:565, 68:2734, 493:11634.
   ========================================================================= */

/* --------------------------------------------- ТОКЕНЫ ДЕТАЛЬНЫХ СТРАНИЦ */
/* Отдельный :root — базовый набор токенов выше остаётся как есть. */
:root {
	/* типографика детальной: 48px H1 страницы, 34px заголовок встречи
	   (course-page-spec, раздел 1: «48px H1, 40px заголовки секций,
	   34px заголовки встреч, 18px основной текст, 14px метки») */
	--vine-fz-detail: 48px;
	--vine-fz-lesson: 34px;

	/* disabled-состояние: фон #E5E5E5, рамка и текст #777777 */
	--vine-color-disabled-bg: #E5E5E5;
	--vine-color-disabled: #777777;

	/* поле выбора даты в баннере и в блоке-встрече: 139×40 */
	--vine-field-h: 40px;

	/* чёрная полоса слева у цитаты отзыва */
	--vine-quote-bar: 5px;
}

/* ------------------------------------ ТИПОГРАФИКА ДЕТАЛЬНОЙ СТРАНИЦЫ */
/* Второй селектор нужен, чтобы перебить .vine-main h1 / h2 из базового
   слоя (там 40px и 34px по шкале главной), не трогая сами те правила. */
.vine-title-detail,
.vine-main .vine-title-detail {
	font-size: var(--vine-fz-detail);
	font-weight: 400;
}

/* заголовок встречи в «Модулях курса» (16:202 / 16:203 / 16:217) */
.vine-title-lesson,
.vine-main .vine-title-lesson {
	font-size: var(--vine-fz-lesson);
	font-weight: 400;
}

/* ---------------------------------------------------- DISABLED-КНОПКА */
/* «В корзину» до выбора даты и при нулевом остатке: фон #E5E5E5,
   рамка и текст #777777 (course-page-spec, раздел 6). Модификатор идёт
   после .vine-btn--dark по исходнику, поэтому перекрывает и тёмную кнопку. */
.vine-btn--disabled,
.vine-btn:disabled,
.vine-btn[disabled],
.vine-btn[aria-disabled="true"] {
	background: var(--vine-color-disabled-bg);
	border-color: var(--vine-color-disabled);
	color: var(--vine-color-disabled);
	cursor: default;
	pointer-events: none;
}

.vine-btn--disabled:hover,
.vine-btn--disabled:focus,
.vine-btn:disabled:hover,
.vine-btn:disabled:focus,
.vine-btn[disabled]:hover,
.vine-btn[disabled]:focus,
.vine-btn[aria-disabled="true"]:hover,
.vine-btn[aria-disabled="true"]:focus {
	background: var(--vine-color-disabled-bg);
	border-color: var(--vine-color-disabled);
	color: var(--vine-color-disabled);
	text-decoration: none;
}

/* ------------------------------------------------------- ПСЕВДОССЫЛКА */
/* Вопрос FAQ — не ссылка, а переключатель аккордеона: текст с пунктирным
   подчёркиванием толщиной 7% (course-page-spec, раздел 6). Цвет в макете
   отдельно не задан, поэтому наследуется от контекста; модификатор
   --link нужен там, где псевдоссылка должна быть синей. */
.vine-pseudo-link {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit;
	text-align: left;
	cursor: pointer;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 0.07em;
	text-decoration-skip-ink: none;
}

.vine-pseudo-link:hover,
.vine-pseudo-link:focus {
	color: inherit;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.vine-pseudo-link--link,
.vine-pseudo-link--link:hover,
.vine-pseudo-link--link:focus {
	color: var(--vine-color-link);
}

/* ---------------------------------------------------- ЦИТАТА ОТЗЫВА */
/* Roboto Italic 18px, чёрная черта слева 5px, отступ до текста 16px
   (course-page-variants, раздел 3.3). Подпись автора — 18px без курсива. */
.vine-quote {
	margin: 0;
	padding-left: var(--vine-gap);
	border-left: var(--vine-quote-bar) solid var(--vine-color-text);
	color: var(--vine-color-text);
	font-family: var(--vine-font);
	font-size: var(--vine-fz-text);
	font-style: italic;
	font-weight: 400;
	line-height: normal;
}

.vine-quote__author {
	display: block;
	font-size: var(--vine-fz-text);
	font-style: normal;
	font-weight: 400;
}

/* ------------------------------------------------- ПОЛЕ ВЫБОРА ДАТЫ */
/* Высота 40px, рамка 1px #000, белый фон. Ширина у поля своя в каждой
   секции (в макете 139px) — задаётся в style.css шаблона, не здесь.
   Стрелка — икона icon-arrow-down.svg, её ставит шаблон секции. */
.vine-field-date {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--vine-gap-sm);
	height: var(--vine-field-h);
	padding: 0 var(--vine-gap-sm);
	border: 1px solid var(--vine-color-text);
	border-radius: 0;
	background: var(--vine-color-bg);
	color: var(--vine-color-text);
	font-family: var(--vine-font);
	font-size: var(--vine-fz-text);
	font-weight: 400;
	line-height: normal;
	text-align: left;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.vine-field-date option {
	color: var(--vine-color-text);
}

/* «Мест не осталось»: рамка и текст #777777, фон остаётся белым */
.vine-field-date--disabled,
.vine-field-date:disabled,
.vine-field-date[disabled],
.vine-field-date[aria-disabled="true"] {
	border-color: var(--vine-color-disabled);
	color: var(--vine-color-disabled);
	background: var(--vine-color-bg);
	cursor: default;
}

/* -------------------------------------------- ГОРИЗОНТАЛЬНАЯ ЛЕНТА */
/* Утилита переполняющейся ленты: фотогалерея (1742px в контейнере 1248),
   «Интерфейс курса» (1717px) и кросс-сейл (2048px). Управляющих элементов
   в макете нет — листание только прокруткой, поэтому скроллбар скрыт,
   а обрезанная краем карточка служит указанием на прокрутку. */
.vine-scroller {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: var(--vine-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;      /* Firefox */
	-ms-overflow-style: none;   /* старый Edge/IE */
}

/* WebKit/Blink: полностью убираем полосу прокрутки */
.vine-scroller::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

.vine-scroller__item {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

@media (prefers-reduced-motion: reduce) {
	.vine-scroller {
		scroll-behavior: auto;
	}
}

/* ------------------------------------------- РАЗДЕЛИТЕЛЬ: СОВМЕСТИМОСТЬ */
/* Правило .vine-main hr.vine-divider здесь больше не нужно и удалено:
   конфликт с .vine-main hr снят на месте — селектором :not(.vine-divider).
   Разделитель целиком описан выше классом .vine-divider, а страницам и
   шаблонам компонентов достаточно двух классов, чтобы его переопределить
   (так работают .course-modules__list > .vine-divider и
   .private-detail .private-detail__divider). */

/* ---------------------------- АДАПТИВ ТОЛЬКО ДЛЯ НОВЫХ КЕГЛЕЙ */
/* Мобильных раскладок в макете нет ни для одной секции детальной страницы;
   шаг шкалы взят такой же, как у базовых --vine-fz-h1 / --vine-fz-h2. */
@media (max-width: 1024px) {
	:root {
		--vine-fz-detail: 38px;
		--vine-fz-lesson: 28px;
	}
}

@media (max-width: 640px) {
	:root {
		--vine-fz-detail: 30px;
		--vine-fz-lesson: 22px;
	}
}

/* ------------------------------------------------------------------
   Штатный атрибут hidden должен прятать элемент всегда.
   Браузерное правило [hidden]{display:none} слабее любого правила
   с классом, поэтому .course-modules__group{display:flex} его перебивал
   и на карточке встречи разом были видны все состояния кнопок.
   ------------------------------------------------------------------ */
[hidden] {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   Баннер-заголовок раздела: 1248×88, картинка-заливка и белый заголовок 48px.
   Одинаков у «Полезных материалов» (960:12749) и «Новостей» (960:12762) —
   в макете это один и тот же кадр, поэтому правило живёт в общем слое, а не
   дублируется в двух шаблонах. Затемняющей подложки в макете нет: кадр
   подобран по яркости, чтобы белый текст лёг на тёмную часть фотографии.
   --------------------------------------------------------------------------- */

.vine-page-banner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--vine-container);
	min-height: 88px;
	padding: var(--vine-side);
	background-color: var(--vine-color-btn);
	background-image: url("/upload/figma/materials-banner.png");
	background-repeat: no-repeat;
	background-position: center 75%;
	background-size: cover;
}

.vine-main .vine-page-banner__title {
	margin: 0;
	font-family: var(--vine-font);
	font-size: 48px;
	font-weight: 400;
	line-height: normal;
	color: var(--vine-color-bg);
}
/* ---------------------------------------------------------------------------
   Страница «Частные мероприятия» (макет 605:11701). Это лендинг, а не
   компонент, поэтому его блоки живут в общем слое. Карточки-форматы,
   галерея и лента дегустаций — в style.css своих шаблонов.
   --------------------------------------------------------------------------- */

.vine-main .vine-private-title {
	margin: 0;
	font-family: var(--vine-font);
	font-size: 48px;
	font-weight: 400;
	line-height: normal;
	color: var(--vine-color-text);
}

.vine-private-banner {
	width: 100%;
	max-width: var(--vine-container);
}

.vine-private-banner__img {
	display: block;
	width: 100%;
	height: auto;
	/* 1248 × 523,85 из макета */
	aspect-ratio: 405 / 170;
	object-fit: cover;
}

.vine-private-intro {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: var(--vine-container);
	font-size: var(--vine-fz-text);
	line-height: normal;
}

.vine-private-intro__text p {
	margin: 0 0 21px;
}

.vine-private-intro__text p:last-child {
	margin-bottom: 0;
}

.vine-private-intro__text ul {
	margin: 0 0 21px;
	padding-inline-start: 27px;
}

.vine-private-intro__links {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin: 0;
}

.vine-private-intro__links a {
	font-size: var(--vine-fz-text);
	color: var(--vine-color-link);
	text-decoration: underline;
	text-underline-position: from-font;
}

/* плашка преимуществ 605:11719 — фон rgba(222,227,255,.44), радиус 15 */
.vine-private-benefits {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--vine-container);
	padding: 32px 8px;
	border-radius: 15px;
	background: rgba(222, 227, 255, 0.44);
	text-align: center;
}

.vine-private-benefits p {
	margin: 0;
	font-size: 24px;
	line-height: 38px;
	color: var(--vine-color-text);
}

/* блок заявки 605:11757 */
.vine-private-request {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: var(--vine-container);
}

.vine-private-request__lead {
	margin: 0;
	font-size: var(--vine-fz-text);
	font-weight: 700;
	line-height: normal;
}

.vine-private-request__btn {
	min-width: 274px;
	min-height: 62px;
	padding: 9px 12px 10px;
	border: 1px solid var(--vine-color-text);
	border-radius: var(--vine-radius-btn);
	background: var(--vine-color-btn);
	font-family: var(--vine-font);
	font-size: 32px;
	line-height: normal;
	color: var(--vine-color-btn-text);
	cursor: pointer;
}

.vine-private-request__note {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.vine-private-request__link {
	font-size: var(--vine-fz-text);
	color: var(--vine-color-link);
	text-decoration: underline;
	text-underline-position: from-font;
}

/* контакты 605:11769…605:11774 */
.vine-private-contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: var(--vine-container);
}

.vine-private-contacts__lead {
	margin: 0;
	font-size: var(--vine-fz-text);
	font-weight: 700;
	line-height: normal;
}

.vine-private-contacts__line {
	margin: 0;
	font-size: var(--vine-fz-text);
	line-height: normal;
}

.vine-private-contacts__line a {
	color: var(--vine-color-link);
	text-decoration: underline;
	text-underline-position: from-font;
}

.vine-private-contacts__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 234px;
	min-height: 40px;
	padding: 9px 12px 10px;
	border: 1px solid var(--vine-color-text);
	border-radius: var(--vine-radius-btn);
	background: var(--vine-color-btn);
	font-size: var(--vine-fz-text);
	line-height: normal;
	color: var(--vine-color-btn-text);
	text-decoration: none;
}

/* способы оплаты 605:11776…605:11781 */
.vine-private-payment {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: var(--vine-container);
}

.vine-main .vine-private-payment__title {
	margin: 0;
	font-family: var(--vine-font);
	font-size: 48px;
	font-weight: 400;
	line-height: normal;
	color: var(--vine-color-text);
}

@media (max-width: 900px) {
	.vine-main .vine-private-title,
	.vine-main .vine-private-payment__title {
		font-size: var(--vine-fz-h1);
	}

	.vine-private-request__btn {
		min-width: 0;
		width: 100%;
		font-size: var(--vine-fz-h4);
	}
}

/* End */
/* /local/templates/vine/assets/css/header.css?179338912140030 */
/* /local/templates/vine/assets/css/header-auth.css?17933869773408 */
/* /local/templates/vine/assets/css/vendor/swiper-bundle.min.css?179338698018454 */
/* /local/templates/vine/components/bitrix/search.title/header-search/style.css?1793387018619 */
/* /local/components/vine/accessibility/templates/.default/style.css?17933869748528 */
/* /local/templates/vine/components/bitrix/breadcrumb/vine/style.css?17933870252610 */
/* /local/templates/vine/assets/css/footer.css?179339264497536 */
/* /local/templates/vine/css/auth-modal.css?17875132357399 */
/* /local/templates/vine/css/consent.css?17875153232987 */
/* /local/templates/vine/template_styles.css?179201136031904 */