.btn {
  background: #eee;
  display: inline-block;
  padding: 1.8rem 2.8rem;
  border: 5px solid;
  cursor: pointer;
  font-size: clamp(1.4rem * var(--qahwcag_base-font-size, 1), 1.3264rem + 0.23vw * var(--qahwcag_base-font-size, 1), 1.6rem * var(--qahwcag_base-font-size, 1));
  font-weight: 400;
  line-height: 1;
  color: #011A01;
  border-radius: 10rem;
  transition: all 0.3s;
  text-align: center;
}
.btn:focus {
  outline: 2px dashed rgba(161, 205, 58, 0.4);
  outline-offset: 1px;
  transition: none;
}
.btn-primary {
  background: #1B7400;
  border-color: #A1CD3A;
  color: #fff;
}
.btn:not(.btn-disabled):hover {
  background-color: #ccc;
}
.btn:not(.btn-disabled):hover.btn-primary {
  background-color: rgb(31.5853448276, 135.7, 0);
}
.btn-disabled {
  background: #F1F1F1;
  color: #aaa;
  border-color: #aaa;
  cursor: default;
}

.link:hover {
  color: #A1CD3A;
}

/***************************/
/**        HEADER         **/
/***************************/
.header {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #D6007E;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 1rem 0;
  transition: padding 0.3s, box-shadow 0.3s;
}
.header.scroll {
  padding: 0.3rem 0;
}

/***************************/
/**        FOOTER         **/
/***************************/
.footer {
  --footer-bg: #F0F7DF;
  background: var(--footer-bg);
  position: relative;
}
.footer:before {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 0;
  width: 100%;
  height: 7rem;
  background: var(--footer-bg);
  clip-path: polygon(0 80%, 100% 0, 100% 100%, 0% 100%);
}

/***************************/
/**         MENU          **/
/***************************/
.menu-list {
  list-style: none;
  display: flex;
}
.menu-link {
  display: block;
  margin: 1rem 0;
  font-weight: 400;
  font-size: clamp(1.8rem * var(--qahwcag_base-font-size, 1), 1.7264rem + 0.23vw * var(--qahwcag_base-font-size, 1), 2rem * var(--qahwcag_base-font-size, 1));
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}
.menu-link:last-child {
  margin-right: 0;
}
.menu-link-active {
  color: #A1CD3A;
  font-weight: 700;
}
.menu-btn {
  width: 5rem;
  height: 5rem;
  background: url("/strefa/mayolygastroekspertkids/assets/img/ico/bars.svg") center/auto 70% no-repeat;
}
.menu-close {
  width: 5rem;
  height: 5rem;
  background: url("/strefa/mayolygastroekspertkids/assets/img/ico/close.svg") center/60% auto no-repeat;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

/***************************/
/**       SECTION         **/
/***************************/
main {
  flex: 1;
}

.section {
  padding: 5rem 0;
}
.section-scroll {
  scroll-margin: 10rem;
}

.img-shadow {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.img-shadow:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  aspect-ratio: 1;
  width: 60%;
  z-index: -1;
}
.img-shadow-secondary:before {
  box-shadow: 0 0 10rem 0 rgba(214, 0, 126, 0.9);
}
.img-shadow-orange:before {
  box-shadow: 0 0 10rem 0 rgba(240, 154, 68, 0.9);
}

.slider-custom-btns {
  display: flex;
  justify-content: center;
}
.slider-custom-btns-inner {
  display: flex;
  gap: 0.8rem;
  background: #D9D9D9;
  border-radius: 10rem;
  padding: 0.6rem;
  flex-wrap: nowrap;
}
.slider-custom-btn {
  font-size: 0;
  width: 4.6rem;
  border-radius: 50%;
  aspect-ratio: 1;
  background: #fff url("/strefa/mayolygastroekspertkids/assets/img/ico/btn-arrow.svg") center/20% auto no-repeat;
  display: inline-block;
}
.slider-custom-btn:hover {
  background-color: #eee;
}
.slider-custom-btn-prev {
  scale: -1;
}

.edu-step {
  display: none;
}
.edu-step--active {
  display: block;
  animation: eduStepFadeIn 0.5s ease-out;
}

@keyframes eduStepFadeIn {
  0% {
    opacity: 0;
    translate: 0 2rem;
  }
  100% {
    opacity: 1;
    translate: 0;
  }
}
.line {
  background: #D6007E;
  height: 1px;
}
.line-black {
  background-color: #000;
}

.video {
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
}
.video-portret {
  aspect-ratio: 9/16;
  max-height: 80svh;
}

/***************************/
/**         SLICK         **/
/***************************/
.slick-slider {
  display: block;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-list {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-dots {
  list-style: none;
  text-align: center;
  font-size: 0;
}
.slick-dots li {
  display: inline-block;
  margin: 0.5rem;
}
.slick-dots button {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background: #fff;
}
.slick-dots .slick-active button {
  background: #D6007E;
}

.carousel,
.slider {
  position: relative;
  padding-bottom: 6rem;
}
.carousel .slick-arrow,
.slider .slick-arrow {
  font-size: 0;
  background: #A1CD3A url("/strefa/mayolygastroekspertkids/assets/img/ico/slider-arrow.svg") center/36% auto no-repeat;
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  bottom: 0;
  z-index: 1;
  right: 0;
}
.carousel .slick-prev,
.slider .slick-prev {
  right: 6rem;
  scale: -1;
}
.carousel .slick-disabled,
.slider .slick-disabled {
  opacity: 0.5;
}

.carousel .slick-track {
  display: flex;
}

/***************************/
/**      ANIMATION        **/
/***************************/
.anim {
  transition: all 1.6s 0.2s cubic-bezier(0.2, 0.7, 0.4, 1.3);
}
.anim.fade-in {
  opacity: 0;
}
.anim.slide-left {
  translate: 5rem 0;
}
.anim.slide-right {
  translate: -5rem 0;
}
.anim.slide-up {
  translate: 0 5rem;
}
.anim.slide-down {
  translate: 0 -5rem;
}
.anim.done.fade-in {
  opacity: 1;
}
.anim.done.slide-left, .anim.done.slide-right {
  translate: 0 0;
}
.anim.done.slide-up, .anim.done.slide-down {
  translate: 0 0;
}

/***************************/
/**         POPUP         **/
/***************************/
.overlay {
  position: fixed;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  overflow: auto;
  text-align: center;
  background: "rgb(0 0 0 / .0)";
  z-index: -1;
  line-height: 100vh;
  transition: background-color 0.3s;
}
.overlay-curtain {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: "rgb(0 0 0 / .0)";
  z-index: 1;
}
.overlay-close {
  position: absolute;
  right: 1.5rem;
  top: -3rem;
  background: url("/strefa/mayolygastroekspertkids/assets/img/ico/close.svg") center/60% auto no-repeat;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
}
.overlay-container {
  display: inline-block;
  vertical-align: middle;
  padding: 1.5rem;
  opacity: 0.2;
  scale: 0.5;
  transition: all 0.4s cubic-bezier(0.6, 0, 0.5, 1.8);
  line-height: 1.4;
  text-align: left;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
}
.overlay-container.middle {
  max-width: 980px;
}
.overlay-container.small {
  max-width: 600px;
}
.overlay-container.full {
  max-width: none;
}
.overlay-inner {
  background: #fff;
  padding: 2rem;
}
.overlay.open {
  top: 0;
  z-index: 70;
  transition: background-color 0.3s;
  background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(5px);
}
.overlay.open .overlay-container {
  opacity: 1;
  scale: 1;
}

html:has(.overlay.open) {
  overflow: hidden;
}

/***************************/
/**         ALERT         **/
/***************************/
.alert {
  position: relative;
  padding: 1rem 1rem 1rem 4.8rem;
  background: #eee;
  color: #fff;
  margin-bottom: 2rem;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  font-size: clamp(1.5rem * var(--qahwcag_base-font-size, 1), 1.4648rem + 0.11vw * var(--qahwcag_base-font-size, 1), 1.6rem * var(--qahwcag_base-font-size, 1));
  animation: 0.3s moveAlert 0.1s both;
}
.alert.fixed {
  position: fixed;
  left: 50%;
  top: 1.5rem;
  translate: -50% 0;
  z-index: 11;
  width: max-content;
  max-width: 90%;
  animation: 0.3s moveAlertFixed 0.1s both;
}
.alert:before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 100%;
  left: 0;
  top: 0;
  margin-right: 1rem;
  background: rgba(0, 0, 0, 0.1) center/50% auto no-repeat;
}
.alert.success {
  background-color: #5cb85c;
}
.alert.success:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgyMCAtNDcyKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIwIDQ3MikiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzVjYjg1YyIgc3Ryb2tlLXdpZHRoPSIxIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgc3Ryb2tlPSJub25lIi8+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzkuNSIgZmlsbD0ibm9uZSIvPjwvZz48cGF0aCBkPSJNMTIuOTYzLDkzLC41NTksODAuNmExLjkwOCwxLjkwOCwwLDAsMSwwLTIuN2wyLjctMi43YTEuOTA4LDEuOTA4LDAsMCwxLDIuNywwbDguMzU2LDguMzU2LDE3LjktMTcuOWExLjkwOCwxLjkwOCwwLDAsMSwyLjcsMGwyLjcsMi43YTEuOTA4LDEuOTA4LDAsMCwxLDAsMi43TDE1LjY2Miw5M2ExLjkwOCwxLjkwOCwwLDAsMS0yLjcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0MC45MTcgNDM0LjUzNSkiIGZpbGw9IiM1Y2I4NWMiLz48L2c+PC9zdmc+");
}
.alert.error {
  background-color: #d9534f;
}
.alert.error:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgyMiAtNDc4KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIyIDQ3OCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2Q5NTM0ZiIgc3Ryb2tlLXdpZHRoPSIxIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgc3Ryb2tlPSJub25lIi8+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzkuNSIgZmlsbD0ibm9uZSIvPjwvZz48cGF0aCBkPSJNMTguMDkzLDkzLjEybDcuNDYtNy40NmEyLjM0NSwyLjM0NSwwLDAsMCwwLTMuMzE2bC0xLjY1OC0xLjY1OGEyLjM0NSwyLjM0NSwwLDAsMC0zLjMxNiwwbC03LjQ2LDcuNDYtNy40Ni03LjQ2YTIuMzQ1LDIuMzQ1LDAsMCwwLTMuMzE2LDBMLjY4Nyw4Mi4zNDRhMi4zNDUsMi4zNDUsMCwwLDAsMCwzLjMxNmw3LjQ2LDcuNDYtNy40Niw3LjQ2YTIuMzQ1LDIuMzQ1LDAsMCwwLDAsMy4zMTZsMS42NTgsMS42NThhMi4zNDUsMi4zNDUsMCwwLDAsMy4zMTYsMGw3LjQ2LTcuNDYsNy40Niw3LjQ2YTIuMzQ1LDIuMzQ1LDAsMCwwLDMuMzE2LDBsMS42NTgtMS42NThhMi4zNDUsMi4zNDUsMCwwLDAsMC0zLjMxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0OC44OCA0MjQuODgpIiBmaWxsPSIjZDk1MzRmIi8+PC9nPjwvc3ZnPg==");
}
.alert.warning {
  background-color: #f0ad4e;
}
.alert.warning:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgyMiAtNDc4KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIyIDQ3OCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YwYWQ0ZSIgc3Ryb2tlLXdpZHRoPSIxIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgc3Ryb2tlPSJub25lIi8+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzkuNSIgZmlsbD0ibm9uZSIvPjwvZz48cGF0aCBkPSJNMjcuOTI3LDMyLjJhNS45NjMsNS45NjMsMCwxLDEtNS45NjMtNS45NjNBNS45Nyw1Ljk3LDAsMCwxLDI3LjkyNywzMi4yWk0xNi42OSwxLjg3OCwxNy43LDIyLjE1NGExLjc4OSwxLjc4OSwwLDAsMCwxLjc4NywxLjdoNC45NDVhMS43ODksMS43ODksMCwwLDAsMS43ODctMS43TDI3LjIzNywxLjg3OEExLjc4OSwxLjc4OSwwLDAsMCwyNS40NSwwSDE4LjQ3N0ExLjc4OSwxLjc4OSwwLDAsMCwxNi42OSwxLjg3OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0MC4wMzcgNDk4LjkxNykiIGZpbGw9IiNmMGFkNGUiLz48L2c+PC9zdmc+");
}

@keyframes moveAlert {
  0% {
    opacity: 0;
    translate: 0 50%;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes moveAlertFixed {
  0% {
    opacity: 0;
    translate: -50% -100%;
  }
  to {
    opacity: 1;
    translate: -50% 0;
  }
}
/***************************/
/**       PAGE 404        **/
/***************************/
.page-404 h2 {
  font-size: clamp(7rem * var(--qahwcag_base-font-size, 1), 5.9088rem + 3.41vw * var(--qahwcag_base-font-size, 1), 10rem * var(--qahwcag_base-font-size, 1));
  text-transform: uppercase;
  line-height: 1;
}
.page-404 .txt {
  font-size: clamp(2.4rem * var(--qahwcag_base-font-size, 1), 2.1824rem + 0.68vw * var(--qahwcag_base-font-size, 1), 3rem * var(--qahwcag_base-font-size, 1));
}
.page-404 p {
  margin: 3rem 0;
}