@charset "UTF-8";
.slick-dots {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  padding: 0;
  margin: 28px 0 0;
}
.slick-dots li {
  width: 11px;
  height: 11px;
  background: #FCDFDF;
  border-radius: 50%;
}
.slick-dots li.slick-active, .slick-dots li:hover {
  background: #D9ADAD;
  cursor: pointer;
}
.slick-dots li button {
  display: none;
}

.container {
  max-width: 1230px;
  margin: 0 auto;
}

.container.grid {
  display: grid;
  gap: 32px;
}

.flex {
  display: flex;
}

.flex.f-center {
  justify-content: center;
}

.flex.fa-center {
  align-items: center;
}

.flex.f-wrap {
  flex-wrap: wrap;
}

.flex.f-direction-col {
  flex-direction: column;
}

.flex.f-between {
  justify-content: space-between;
}

.flex .f-col {
  flex: 1;
}

a {
  text-decoration: none;
}

.btn--primary {
  height: 51px;
  background: #D9ADAD;
  border-radius: 48px;
  padding: 0 39px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #262525;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 0;
  width: max-content;
}
.btn--outline {
  height: 51px;
  border: 2px solid #D9ADAD;
  border-radius: 48px;
  padding: 0 39px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #262525;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
}
.btn--center {
  margin: 0 auto;
}

header {
  padding: 31px 0;
  position: relative;
  z-index: 100;
}
header .logo {
  font-family: "Island Moments";
  font-style: normal;
  font-weight: 400;
  font-size: 73px;
  line-height: 47px;
  color: #404040;
}
header .container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
header ul {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  list-style: none;
  padding: 0;
  margin: 0;
}
header ul li a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #404040;
  position: relative;
}
header ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  background: #666666;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  display: none;
}
header ul li.active a:before, header ul li:hover a:before {
  display: block;
}

.s-hero {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1920' height='842' viewBox='0 0 1920 842' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_467_2)'%3e%3crect width='1920' height='842' fill='url(%23paint0_linear_467_2)'/%3e%3cellipse cx='1852.5' cy='460' rx='467.5' ry='483' fill='url(%23paint1_radial_467_2)'/%3e%3cellipse cx='67.5' cy='-128' rx='467.5' ry='483' fill='url(%23paint2_radial_467_2)'/%3e%3cellipse cx='654.5' cy='355' rx='467.5' ry='483' fill='url(%23paint3_radial_467_2)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_467_2' x1='1920' y1='842' x2='2.06231e-05' y2='-4.70265e-05' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23E3E5E2'/%3e%3cstop offset='0.504808' stop-color='%23D9D8D3'/%3e%3cstop offset='1' stop-color='%23EAE7E9'/%3e%3c/linearGradient%3e%3cradialGradient id='paint1_radial_467_2' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1852.5 460) rotate(90) scale(483 467.5)'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient id='paint2_radial_467_2' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(67.5 -128) rotate(90) scale(483 467.5)'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient id='paint3_radial_467_2' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(654.5 355) rotate(90) scale(483 467.5)'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/radialGradient%3e%3cclipPath id='clip0_467_2'%3e%3crect width='1920' height='842' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  margin: -109px 0 0 0;
  position: relative;
  overflow: hidden;
}
.s-hero:before {
  background-image: url("../images/leaf1.png");
  width: 441px;
  height: 461px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  left: -10px;
  bottom: -109px;
}
.s-hero:after {
  background-image: url("../images/leaf2.png");
  width: 278px;
  height: 450px;
  position: absolute;
  right: 11px;
  top: 85px;
  content: "";
  z-index: 1;
}
.s-hero .container {
  position: relative;
  padding: 218px 0 188px;
  overflow: hidden;
  z-index: 2;
}
.s-hero__heading {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 55px;
  line-height: 82px;
  color: #404040;
  margin-bottom: 17px;
}
.s-hero__subtext {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  color: #404040;
  margin-bottom: 90px;
}
.s-hero__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.s-hero img {
  position: absolute;
  right: 42px;
  bottom: -177px;
  max-width: 494px;
}

section .section-header {
  margin-bottom: 28px;
}
section .section-header h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 7px;
  text-align: center;
}
section .section-header p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}

.s-ueber {
  padding: 102px 0 0;
}
.s-ueber .slick-list {
  position: relative;
}
.s-ueber .slick-list:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  top: 0;
  width: 224px;
  height: 500px;
  transform: scaleX(-1);
  background: linear-gradient(271.72deg, #FFFFFF 1.46%, rgba(153, 153, 153, 0) 98.56%);
}
.s-ueber .slick-list:after {
  width: 224px;
  height: 500px;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  z-index: 1;
  background: linear-gradient(271.72deg, #FFFFFF 1.46%, rgba(153, 153, 153, 0) 98.56%);
}
.s-ueber .slick-list img {
  height: 500px;
  border-radius: 10px;
  object-fit: cover;
}
.s-ueber .slick-list .slick-slide {
  padding: 0 15px;
}

.s-leistungen {
  padding: 79px 0 0;
}
.s-leistungen .leistungen-grid {
  display: grid;
  grid-template-columns: 277px 277px 1fr;
  gap: 30px;
  grid-template-rows: 211px 211px;
  margin-bottom: 46px;
}
.s-leistungen img {
  width: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.s-leistungen .leistung-card {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.s-leistungen .leistung-card__arrow {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  background: #D9ADAD;
  border-radius: 50%;
  display: flex;
  z-index: 10;
  align-items: center;
  padding-left: 18px;
}
.s-leistungen .leistung-card__link {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.s-leistungen .leistung-card__link:hover img {
  transform: scale(1.1);
}
.s-leistungen .leistung-card__link:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.s-leistungen .leistung-card__link:after {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 153px;
  background: linear-gradient(180.04deg, rgba(0, 0, 0, 0) 0.03%, #000000 82.19%);
  border-radius: 10px;
}
.s-leistungen .leistung-card__title {
  padding: 0 55px 0 15px;
  position: absolute;
  left: 0;
  bottom: 15px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 10;
  margin: 0;
}
.s-leistungen {
  /* Карточка 1 (Maniküre) — левая, высокая, 2 строки */
}
.s-leistungen .leistung-card:nth-child(1) .leistung-card__link:before, .s-leistungen .leistung-card:nth-child(2) .leistung-card__link:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.s-leistungen .leistung-card:nth-child(3) .leistung-card__link:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 58.17%);
}
.s-leistungen .leistung-card:nth-child(4) .leistung-card__link:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 100%);
}
.s-leistungen .leistung-card:nth-child(1) {
  height: 452px;
  grid-column: 1;
  grid-row: 1/3;
}
.s-leistungen .leistung-card:nth-child(1) img {
  height: 452px;
}
.s-leistungen {
  /* Карточка 2 (Bionik) — центр, высокая, 2 строки */
}
.s-leistungen .leistung-card:nth-child(2) {
  height: 452px;
  grid-column: 2;
  grid-row: 1;
}
.s-leistungen .leistung-card:nth-child(2) img {
  height: 452px;
}
.s-leistungen {
  /* Карточка 3 (Gesichts- & Körperbehandlungen) — правая верхняя */
}
.s-leistungen .leistung-card:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
  height: 211px;
}
.s-leistungen .leistung-card:nth-child(3) .leistung-card__link:after {
  height: 130px;
}
.s-leistungen .leistung-card:nth-child(3) img {
  height: 211px;
}
.s-leistungen {
  /* Карточка 4 (Augenbrauen) — правая нижняя */
}
.s-leistungen .leistung-card:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
  height: 211px;
}
.s-leistungen .leistung-card:nth-child(4) .leistung-card__link:after {
  height: 130px;
}
.s-leistungen .leistung-card:nth-child(4) img {
  height: 211px;
}
.s-leistungen {
  /* Карточка 5, 6, 7 — нижний ряд по 3 колонки */
}
.s-leistungen .leistung-card:nth-child(5) {
  grid-column: 1;
  grid-row: 3;
}
.s-leistungen .leistung-card:nth-child(6) {
  grid-column: 2;
  grid-row: 3;
}
.s-leistungen .leistung-card:nth-child(7) {
  grid-column: 3;
  grid-row: 3;
}
@media (max-width: 768px) {
  .s-leistungen .leistungen-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .s-leistungen .leistung-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

.s-booking {
  padding: 80px 0 0;
}
.s-booking__form {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  padding: 30px;
}
.s-booking__form br {
  display: none;
}
.s-booking__form .wpcf7-form-control-wrap {
  margin-bottom: 26px;
  display: block;
}
.s-booking__form .wpcf7-form-control-wrap:last-child {
  margin-bottom: 15px;
}
.s-booking__form h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 42px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 15px;
}
.s-booking__form > p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #575757;
  padding: 0 10px;
  margin-bottom: 0;
}
.s-booking__form .btn--primary {
  margin: 24px auto 0;
}
.s-booking img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.s-booking p {
  margin-bottom: 0;
}

.wpcf7-spinner {
  display: none;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
  border: 0;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  height: 50px;
  width: 100%;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #999999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #999999;
}

input::placeholder,
textarea::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #999999;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}
.wpcf7-list-item label {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
.wpcf7-list-item input {
  width: 23px;
  height: 23px;
  border: 1px solid #999999;
  border-radius: 6px;
}
.wpcf7-list-item span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #999999;
  width: calc(100% - 38px);
}
.wpcf7-list-item a {
  text-decoration: underline;
  color: #999999;
}

.s-team {
  padding: 80px 0 0 0;
}
.s-team img {
  height: 458px;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 10px;
}
.s-team .section-header {
  margin-bottom: 50px;
}
.s-team h3 {
  text-align: center;
  color: #222222;
  margin-bottom: 14px;
}
.s-team .team-card__role {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  color: #575757;
  margin-bottom: 14px;
}
.s-team .team-card__bio {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 106.48%;
  text-align: center;
  color: #575757;
  padding: 0 50px;
}

.s-bewertungen {
  padding: 84px 0 0;
}
.s-bewertungen .section-header {
  margin-bottom: 56px;
}

.s-zertifikate {
  padding: 62px 0 0;
}
.s-zertifikate .slick-list {
  position: relative;
}
.s-zertifikate .slick-list:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  top: 0;
  width: 224px;
  height: 632px;
  transform: scaleX(-1);
  background: linear-gradient(271.72deg, #FFFFFF 1.46%, rgba(153, 153, 153, 0) 98.56%);
}
.s-zertifikate .slick-list:after {
  width: 224px;
  height: 632px;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  z-index: 1;
  background: linear-gradient(271.72deg, #FFFFFF 1.46%, rgba(153, 153, 153, 0) 98.56%);
}
.s-zertifikate .slick-list img {
  height: 632px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0px 0px 5.4px 5px rgba(0, 0, 0, 0.09);
}
.s-zertifikate .slick-list .slick-slide {
  padding: 0 15px;
  width: 480px;
}

.s-kontakt {
  padding: 62px 0 0;
}
.s-kontakt .container {
  position: relative;
}
.s-kontakt .section-header {
  margin-bottom: 60px;
}
.s-kontakt iframe {
  height: 669px;
}
.s-kontakt .kontakt-info {
  position: absolute;
  top: 197px;
  left: 16px;
  width: 485px;
  background: #FFFFFF;
  box-shadow: 5px 6px 9.3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 30px 30px 40px;
  z-index: 10;
}
.s-kontakt .kontakt-info .kontakt-studio {
  font-family: "Island Moments";
  font-style: normal;
  font-weight: 400;
  font-size: 73px;
  line-height: 47px;
  text-align: center;
  color: #404040;
  padding: 0 40px;
  margin-bottom: 47px;
}
.s-kontakt .kontakt-info .kontakt-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  color: #575757;
  margin-bottom: 18px;
}
.s-kontakt .kontakt-info .kontakt-row a {
  color: #575757;
}
.s-kontakt .kontakt-info .kontakt-row a:hover {
  color: #D9ADAD;
}
.s-kontakt .kontakt-info .kontakt-row .kontakt-icon {
  display: flex;
  flex-wrap: wrap;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.s-kontakt .kontakt-info .kontakt-social {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  justify-content: center;
  margin: 28px 0 38px;
}
.s-kontakt .kontakt-info .kontakt-social svg {
  width: 36px;
  height: 36px;
}
.s-kontakt .kontakt-info .kontakt-social svg path {
  fill: #D9ADAD;
}

footer .copyright {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 123.94%;
  color: #575757;
}
footer .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  list-style: none;
  padding: 30px 0 50px;
  margin: 0;
}
footer .menu li a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 19px;
  color: #404040;
  position: relative;
}
footer .menu li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  background: #666666;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  display: none;
}
footer .menu li.active a:before, footer .menu li:hover a:before {
  display: block;
}
footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
}
footer .footer-links a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 123.94%;
  color: #575757;
}