body {
    background-color: #E3A0AC;
}

.uc-width {
    max-width: 1920px;
}

.winx-background-gradient {
    background: linear-gradient(139.015deg, #FFE1EB 0%, #ECBDCB 100%) !important;
     background-image: url('https://static.tildacdn.com/tild3963-3866-4834-b238-616239626131/_2.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.collection-page__wrapper a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  align-items: unset;
  width: 16%;
}

.collection-page__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* padding: 0 10% 0 10%; */
  margin: auto;
  gap: 4%;
  padding-top: 4vw;
  padding-bottom: 8vw;

}

.trix-wrapper {
  background-color: #5859A6;
  background-image: url('https://static.tildacdn.com/tild3431-6665-4432-b330-323362636134/trix_back.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
    
}

.collection-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  align-items: center;
  max-width: 25%;
}

.collection-page img {
  margin: auto;
  max-width: 100%;
}

.collection-page img:first-of-type {
  box-shadow: 0 0 0 1px black;
}

.collection-page img:nth-of-type(2) {
    position: absolute;
}


.collection-page p {
    color: black;
}

.collection-page-prestige img {
  text-align: center;
}


.image-shadow-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.image-shadow-wrapper::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 100%;
  height: 100%;
  background: currentColor;
  border: 1px solid black;
  z-index: 0;
}

.image-shadow-wrapper img {
  position: relative;
  display: block;
  z-index: 1;
}

.image-shadow-wrapper img:nth-of-type(2) {
  position: absolute;
  width: 50%;
  bottom: 0;
  right: 0;
  transform: translate(35%, 30%)
}

/* Цвета для разных блоков */
.shadow-stormy::before {
  color: #C0386A; 
}

.shadow-icy::before {
  color: #0079AC; 
}

.shadow-darcy::before {
  color: #73217A; 
}

.shadow-bloom::before {
  color: #9ADAEE; 
}

.shadow-stella::before {
  color: #FFC549; 
}

.shadow-flora::before {
  color: #FEB4CB; 
}

.shadow-tecna::before {
  color: #DFCAE8; 
}

.shadow-musa::before {
  color: #F3689C; 
}

.shadow-aisha::before {
  color: #C5D7AD; 
}

.winx-wrapper {
  background-color: #FFCFDF;
  background-image: url('https://static.tildacdn.com/tild6530-6466-4832-b066-353061363233/winx_back.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
    
}

.winx-wrapper-small {
    padding-bottom: 2vw;
    
}

.winx-banner {
    width: 100%;
    display: block;
}

.winx-banner-mob {
    display: none;
}




@media (max-width: 960px) {
    
    .winx-banner {
        display: none;
    }
    
    .winx-banner-mob {
        width: 100%;
    display: block;
    }
    
        .collection-page__wrapper {
        width: 100%;
        gap: unset;
        padding-top: 0;
        
    }
    
    .winx-wrapper, .trix-wrapper {
        padding-top: 10vw;
    }
    
    .collection-page {
        max-width: 80%;
        padding-bottom: 18%;
    }
    
    .image-shadow-wrapper img:nth-of-type(2) {
        transform: translate(20%, 25%);
    }
    
    .image-shadow-wrapper::before {
        top: 10px;
        left: 10px;
    }
    
    .collection-page__wrapper a {
        width: 40%;
    }
    
    .collection-page__wrapper a {
        padding-bottom: 8%;
    }
    
    .collection-page__wrapper {
        width: 100vw;
        gap: unset;
    }
    
    .collection-page__wrapper a {
        width: 40%;
    }
    
    .collection-page__wrapper a {
        padding-bottom: 8%;
    }
    
    
}