:root {
  font-family: 'hypatia-sans-pro';
}

.text-in {
  font-family: 'hypatia-sans-pro';
  font-size: 28px;
  color: #c80024;
  font-weight: 700;
}
#opening {
  background-image: url('/wp-content/uploads/2025/02/back-valentine-anoigma-desktop.webp');
  min-height: calc(100svh - var(--header));
  background-size: cover;
}
.container-xxl {
  max-width: 1320px;
  padding: 0;
}
h3 {
  color: #920000;
  font-size: 44px;
  font-weight: bold;
}

.op-img {
  overflow: hidden;
}
#opening .description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
#opening .description {
  width: 100%;
  background-color: rgba(255, 248, 244, .6);
  color: #920000;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  font-size: 34px;
  text-align: center;
}

#opening::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 100vh;
  bottom: 230px;
  background-color: rgba(255, 255, 255, .5);
}

#celebs-slider {
  background-image: url('/wp-content/uploads/2025/02/back-valentine-2h-sel-desktop.webp');
  background-size: cover;
  padding-top: 40px;
  min-height: 100svh;
}

#celebs-slider .description {
  width: 100%;
  background-color: rgba(255, 248, 244, .6);
  color: #920000;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  font-size: 34px;
  text-align: center;
}

.btn.btn-read-more {
  width: 406px;
  background-color: #920000;
  border-radius: 0;
}
.btn.btn-read-more:hover {
  background-color: #C80024;
}
.btn.btn-read-more a {
  color: #fff;
  text-decoration: none;
}

#products {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop.webp');
  background-size: cover;
}
#products .swiper-button-next, #products .swiper-button-prev {
  color: #000;
}
.product-btn {
  max-width: 660px;
  height: 47px;
  text-align: center;
  padding-top: 10px;
}
a {
  text-decoration: none;
  color: #fff;
}
a:hover {
  color: #fff;
}
.product-btn.pink {
  background-color: #D96B6C;
}

.product-btn.red {
  background-color: #C80024;
}


.lalaounis-swiper {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop-roz.webp');
  background-size: cover;
}
.kanakis-swiper, .terkenlis-swiper {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop-red.webp');
  background-size: cover;
}

.product-bg-red {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop-red.webp');
  background-size: cover;
}
.product-bg-pink {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop-roz.webp');
  background-size: cover;
}

figcaption {
  text-align: center;
}


figcaption a {
  color: #fff;
  text-decoration: none;
}

#tol {
  background-image: url('/wp-content/uploads/2025/02/back-xg-desktop.webp');
  background-size: cover;
  padding-top: 40px;
}
#tol .swiper-button-next, #tol .swiper-button-prev {
  color: #000;
}
#nil {
  background-image: url('/wp-content/uploads/2025/02/back-valentine-2h-sel-desktop.webp');
  background-size: cover;
  padding-top: 40px;
}
#nil .swiper-slide {
  text-align: center;
}

#great-ideas, #great-ideas-2 {
  background-image: url('/wp-content/uploads/2025/02/back-valentine-2-themata-desktop.webp');
  min-height: 100svh;
  padding-top: 40px;
}

.info {
  max-width: 560px;
  background-color: rgba(255, 248, 244, .6);
  color: #C80024;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  font-size: 34px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.info p {
  padding-top: 40px;
}
.info .btn.btn-read-more {
  margin-top: 70px;
}

/* Mobile styling */

@media only screen and (max-width: 992px) {

  .container-xxl {
    max-width: 300px;
    padding: 0;
  }

  h3 {
    color: #920000;
    font-size: 34px;
    font-weight: bold;
  }
  #opening {
    background-image: url('/wp-content/uploads/2025/02/back-valentine-anoigma1-mobile.webp');
    position: relative;
    height: 900px;
  }

  .op-img {
    margin-top: 100px;
  }

  #opening .description {
    width: 100%;
    background-color: unset;
    color: #fff;
    font-weight: unset;
    line-height: 1.3;
    font-size: 32px;
    padding: 20px;
  }

  .btn.btn-read-more {
    max-width: 300px;
  }

  #celebs-slider, #products, #nil, #tol, #great-ideas, #great-ideas-2 {
    background-image: url('/wp-content/uploads/2025/02/back-valentine-mobile.webp');
  }

  #celebs-slider .description {
    max-width: 299px;
    height: 448px;
    background-image: url('\/wp-content/uploads/2025/02/back-text-mobile.webp');
    background-size: contain;
    color: #920000;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    font-size: 25px;
    text-align: center;
  }
  #celebs-slider .btn.btn-read-more {
    max-width: 100%;
    margin-top: 170px;
  }
  #celebs-slider .row {
    text-align: center;
  }
  #celebs-slider .swiper-button-next, #celebs-slider .swiper-button-prev, #nil .swiper-button-next, #nil .swiper-button-prev, #tol .swiper-button-next, #tol .swiper-button-prev {
    color: #fff;
  }

  #nil .description {
    max-width: 299px;
    height: 448px;
    background-image: url('\/wp-content/uploads/2025/02/back-text-mobile.webp');
    background-size: contain;
    color: #920000;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    font-size: 25px;
    text-align: center;
  }

  #nil .btn.btn-read-more {
    max-width: 100%;
    margin-top: 170px;
  }

  .info {
    max-width: 299px;
    height: 448px;
    background-image: url('\/wp-content/uploads/2025/02/back-text-mobile.webp');
    background-size: contain;
    color: #920000;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    font-size: 32px;
    text-align: center;
  }


  .lalaounis-swiper {
    background-image: url('/wp-content/uploads/2025/02/back-xg-mobile-roz.webp');
  }
  .kanakis-swiper, .terkenlis-swiper {
    background-image: url('/wp-content/uploads/2025/02/back-xg-mobile-red.webp');
  }

  .product-bg-red {
    background-image: url('/wp-content/uploads/2025/02/back-xg-mobile-red.webp');
  }
  .product-bg-pink {
    background-image: url('/wp-content/uploads/2025/02/back-xg-mobile-roz.webp');
  }

  #great-ideas .btn.btn-read-more {
    max-width: 230px;
    /*margin-top: 170px;*/
    background-color: transparent;
    border-color: #920000;
    border-width: 2px;
    height: 55px;
    padding-top: 12px;
  }
  #great-ideas-2 .btn.btn-read-more {
    max-width: 230px;
    /*margin-top: 170px;*/
    background-color: transparent;
    border-color: #920000;
    border-width: 2px;
    height: 55px;
    padding-top: 12px;
  }
}