@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v17/EJRVQgYoZZY2vCFuvDFR.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v17/EJRSQgYoZZY2vCFuvAnt65qV.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
html {
  font-size: 16px;
}
body {
  font-family: 'Inter';
  background-color: #F9F9F9;
}
.v-center {
  align-items: center;
  display: flex;
}
.w-wrap {
  background-color: #ffffff;
  padding: 4rem 0;
}
@media (min-width: 992px) {
  .w-wrap {
    border-radius: 0.5rem;
    margin: 0 auto;
    width: 90%;
  }
}
.text-green {
  color: #33CC0D;
}
.before-heading {
  color: #F806CC;
  font-size: 1rem;
  letter-spacing: 0.3rem;
  margin-bottom: 1rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .before-heading {
    text-align: left;
  }
}
.main-heading {
  background: -webkit-linear-gradient(45deg, #A80F78, #D40AA6);
  font-family: 'PT Serif';
  font-size: 2.8rem;
  line-height: 3.5rem;
  margin-bottom: 1.4rem;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .main-heading {
    text-align: left;
  }
}
.line-heading {
  color: #926092;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 2rem;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .line-heading {
    text-align: left;
  }
}
.line-heading:after {
  background-color: #E5DCE5;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.line-heading .text {
  background-color: #F9F9F9;
  padding: 0 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .line-heading .text {
    padding-left: 0;
  }
}
.button {
  background-image: linear-gradient(to right, #A80F78, #D40AA6);
  border-radius: 1.3rem;
  color: #ffffff;
  display: inline-block;
  padding: 0.75rem 2rem;
  text-decoration: none;
}
.button:hover {
  color: #ffffff;
}
.button.light {
  background-color: #F4E1EE;
  background-image: none;
  color: #926092;
}
.button.white {
  background-color: #ffffff;
  background-image: none;
  box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.22);
  color: #926092;
  font-weight: 600;
}
.button i {
  color: #F806CC;
}
.button i.left {
  margin-right: 0.5rem;
}
.button i.right {
  margin-left: 0.5rem;
}
.button i.white {
  color: #ffffff;
}
.form-check-input {
  border-color: #B390B3;
}
.form-check-input:checked {
  background-color: #A80F78;
  border-color: transparent;
}
#banner {
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
#banner img {
  width: 100%;
}
#cart {
  color: #B390B3;
  margin-bottom: 4rem;
}
#cart h1 {
  display: flex;
  justify-content: center;
  padding-left: 1.5rem;
}
@media (min-width: 992px) {
  #cart h1 {
    justify-content: start;
  }
}
#cart h1 img {
  margin-right: 1.5rem;
}
#cart h2 {
  padding-left: 1.5rem;
}
#cart .c-w-wrap {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.22);
  margin-bottom: 1.5rem;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  #cart .c-w-wrap {
    padding: 2rem;
  }
}
#cart .products table {
  width: 100%;
}
#cart .products table tr:first-child td {
  padding-top: 0;
}
#cart .products table tr:last-child td {
  padding-bottom: 0;
}
#cart .products table td {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
#cart .products .image {
  width: 2rem;
}
@media (min-width: 992px) {
  #cart .products .image {
    width: 5rem;
  }
}
#cart .products .image .wrap {
  align-items: center;
  display: flex;
  height: 5rem;
  justify-content: center;
  width: 2rem;
}
@media (min-width: 992px) {
  #cart .products .image .wrap {
    background-color: #F9F9F9;
    border-radius: 0.5rem;
    width: 5rem;
  }
}
#cart .products .image img {
  height: 3.5rem;
}
#cart .products .title {
  color: #570A57;
  font-size: 1.1rem;
  font-weight: 600;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 45%;
}
#cart .products .quantity {
  width: 4rem;
}
#cart .products .quantity input {
  background-color: #F4E1EE;
  border-radius: 0.5rem;
  border: none;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
  -moz-appearance: textfield;
}
#cart .products .price {
  font-weight: 600;
  text-align: right;
}
#cart .products .set {
  border-bottom: 1px solid #E5DCE5;
}
#cart .products .set + tr td {
  padding-top: 1rem;
}
#cart .products .set > td {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 992px) {
  #cart .products .set > td {
    padding-left: 5rem;
  }
}
#cart .products .set .line-heading {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
#cart .products .set .line-heading .text {
  background-color: #ffffff;
}
#cart .products .set .image {
  width: 2rem;
}
@media (min-width: 992px) {
  #cart .products .set .image {
    width: 3rem;
  }
}
#cart .products .set .image .wrap {
  height: 3rem;
}
@media (min-width: 992px) {
  #cart .products .set .image .wrap {
    width: 3rem;
  }
}
#cart .products .set .image img {
  height: 2.5rem;
}
#cart .products .set .title {
  color: #926092;
  font-size: 0.9rem;
  font-weight: 400;
}
#cart .products .set .total {
  color: #B390B3;
  font-size: 1rem;
  padding-bottom: 1rem;
}
#cart .products .total {
  border-top: 1px solid #E5DCE5;
  color: #926092;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin-top: 1rem;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  #cart .products .total {
    justify-content: end;
  }
}
#cart .products .total .summary {
  background-color: #F9F9F9;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  padding: 0.5rem 1rem;
}
#cart .shipping-payment {
  font-weight: 500;
}
#cart .shipping-payment h2 {
  font-size: 2.2rem;
}
#cart .shipping-payment table {
  width: 100%;
}
#cart .shipping-payment table tr {
  border-bottom: 1px solid #E5DCE5;
}
#cart .shipping-payment table tr:first-child td {
  padding-top: 0;
}
#cart .shipping-payment table tr:last-child {
  border-bottom: none;
}
#cart .shipping-payment table tr:last-child td {
  padding-bottom: 0;
}
#cart .shipping-payment table tr td {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#cart .shipping-payment table .select {
  padding-right: 0.5rem;
  width: 5%;
}
@media (min-width: 992px) {
  #cart .shipping-payment table .select {
    width: 3%;
  }
}
#cart .shipping-payment table .image {
  padding-right: 0.5rem;
  text-align: center;
  width: 15%;
}
@media (min-width: 992px) {
  #cart .shipping-payment table .image {
    width: 10%;
  }
}
#cart .shipping-payment table .price {
  font-weight: 600;
  text-align: right;
  width: 18%;
}
#cart .shipping .desc {
  padding-bottom: 1.4rem;
  text-align: center;
}
@media (min-width: 992px) {
  #cart .shipping .desc {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: end;
  }
}
#cart .shipping .desc p {
  margin-bottom: 0;
}
#cart .overview .discount-code {
  background-color: #F9F9F9;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  #cart .overview .discount-code {
    margin-bottom: 0;
  }
}
#cart .overview .discount-code h3 {
  color: #570A57;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
#cart .overview .discount-code h3 img {
  margin-right: 0.8rem;
}

#cart .overview .discount-code button {
  background-color: #F4E1EE;
  border-radius: 0.4rem;
  border: 1px solid #F4E1EE;
  color: #926092;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  width: 100%;
}
#cart .overview .prices table {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
}
#cart .overview .prices table .title {
  width: 75%;
}
#cart .overview .prices table .price {
  color: #926092;
  text-align: right;
  width: 25%;
}
#cart .overview .prices table .payment td {
  padding-bottom: 1rem;
}
#cart .overview .prices table .summary {
  border-top: 1px solid #E5DCE5;
  border-bottom: 1px solid #E5DCE5;
}
#cart .overview .prices table .summary td {
  padding-top: 1rem;
}
#cart .overview .confirmation {
  padding-top: 2rem;
}
#cart .overview .confirmation .form-check {
  margin-bottom: 1rem;
}
#cart .overview .confirmation .form-check:last-child {
  margin-bottom: 0;
}
#cart .confirm {
  border-top: 1px solid #E5DCE5;
  margin-top: 2rem;
  padding-top: 2rem;
}
#cart .confirm .button {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#cart .confirm .button.light {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  #cart .confirm .button.light {
    margin-bottom: 0;
  }
}
#cart .billing-address h2 {
  color: #570A57;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-left: 0;
}
#cart .billing-address .form-control {
  border-color: #B390B3;
  margin-bottom: 1.5rem;
}
#cart .billing-address .form-check label {
  color: #570A57;
  font-weight: 600;
}
#categories {
  margin-bottom: 0.5rem;
}
#categories .category {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 12px 25px -7px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
  padding: 1rem;
}
#categories .category .image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
#categories .category .text {
  text-align: right;
}
#categories .category h2 {
  color: #570A57;
  font-size: 1rem;
  font-weight: 600;
}
#categories .category .more {
  color: #926092;
  font-size: 0.9rem;
  text-decoration: none;
}
#categories .category .more i {
  color: #F806CC;
  margin-left: 0.4rem;
}
.drinks {
  margin-bottom: 4rem;
}
.drinks .filter {
  border-top: 1px solid #E5DCE5;
  margin-bottom: 3rem;
  padding-top: 3rem;
}
.drinks .filter .switch {
  border-radius: 1.3rem;
  box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.22);
  display: inline-block;
  margin-bottom: 2rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .drinks .filter .switch {
    margin-bottom: 0;
  }
}
.drinks .filter .switch .option {
  background-color: #ffffff;
  color: #926092;
  float: left;
  font-size: 0.9rem;
}
.drinks .filter .switch .option.right .text {
  background-position: calc(100% - 0.5rem) 50%;
  padding: 0.5rem 2rem 0.5rem 1rem;
}
.drinks .filter .switch .option input[type="radio"] {
  display: none;
}
.drinks .filter .switch .option input[type="radio"]:checked + label {
  background-image: linear-gradient(to right, #A80F78, #D40AA6);
  color: #ffffff;
}
.drinks .filter .switch .option input[type="radio"]:checked + label .text {
  background-image: url("../images/icon_switch_checked.svg");
}
.drinks .filter .switch .option label {
  cursor: pointer;
}
.drinks .filter .switch .option label .text {
  background-position: 0.5rem 50%;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0.5rem 1rem 0.5rem 2rem;
}
.drinks .filter .options .option {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.drinks .filter .options .option input[type="checkbox"] {
  display: none;
}
.drinks .filter .options .option input[type="checkbox"]:checked + label {
  background-image: linear-gradient(to right, #A80F78, #D40AA6);
  color: #ffffff;
}
.drinks .filter .options .option input[type="checkbox"]:checked + label .text {
  background-image: url("../images/icon_close_filtr.svg");
}
.drinks .filter .options .option label {
  border-radius: 1.3rem;
  box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.22);
  color: #926092;
  cursor: pointer;
  font-size: 0.9rem;
}
.drinks .filter .options .option label .text {
  background-image: url("../images/icon_add_filtr.svg");
  background-position: 0.5rem 50%;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 2rem;
}
.drinks .desc {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 3rem;
  text-align: center;
}
.drinks .drink {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 12px 25px -7px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
  padding: 2rem 1rem;
  text-align: center;
}
.drinks .drink h2 {
  color: #2E0149;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.drinks .drink h2 a {
  color: #2E0149;
  text-decoration: none;
}
.drinks .drink .image {
  align-items: center;
  display: flex;
  height: 12rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.drinks .drink .image img {
  max-height: 100%;
  max-width: 100%;
}
.drinks .drink .detail {
  color: #926092;
  text-decoration: none;
}
.drinks .drink .detail i {
  color: #F806CC;
  margin-left: 0.5rem;
}
.drinks .more {
  padding-top: 1.5rem;
  text-align: center;
}
#favorite {
  margin-bottom: 2rem;
}
#favorite .item {
  align-items: stretch;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 12px 25px -7px rgba(0, 0, 0, 0.1);
  display: flex;
  margin-bottom: 1.5rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  #favorite .item {
    border-radius: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #favorite .item:after {
    background-color: #E5DCE5;
    bottom: 0;
    content: '';
    height: 1px;
    left: 1rem;
    position: absolute;
    right: 1rem;
  }
}
@media (min-width: 992px) {
  #favorite .item.first {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
@media (min-width: 992px) {
  #favorite .item.last {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}
#favorite .item.last:after {
  display: none;
}
#favorite .item .number {
  align-items: center;
  background-color: #F4E1EE;
  color: #570A57;
  display: flex;
  font-size: 1.1rem;
  font-weight: 600;
  justify-content: center;
  width: 2rem;
}
@media (min-width: 992px) {
  #favorite .item .number {
    background-color: transparent;
    justify-content: end;
  }
}
#favorite .item .content {
  padding: 1rem;
  position: relative;
  width: calc(100% - 2rem);
}
#favorite .item .content .image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
#favorite .item .content .image img {
  max-height: 4.7rem;
}
#favorite .item .content h2 {
  color: #570A57;
  font-size: 1.1rem;
  font-weight: 600;
  padding-right: 30%;
}
@media (min-width: 992px) {
  #favorite .item .content h2 {
    padding-right: 0;
  }
}
#favorite .item .content .desc {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  padding-right: 30%;
}
@media (min-width: 992px) {
  #favorite .item .content .desc {
    margin-bottom: 0;
    padding-right: 0;
  }
}
#favorite .item .content .sale {
  background-image: url("../images/sale_bg.svg");
  background-repeat: no-repeat;
  color: #F806CC;
  font-size: 1.2rem;
  height: 69px;
  line-height: 69px;
  position: absolute;
  right: 1rem;
  text-align: center;
  top: 1rem;
  width: 69px;
}
@media (min-width: 992px) {
  #favorite .item .content .sale {
    position: relative;
    right: inherit;
    top: inherit;
  }
}
#favorite .item .content .price {
  color: #926092;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
#favorite .item .content .price.before {
  color: #B390B3;
  font-size: 0.9rem;
  text-decoration: line-through;
}
#favorite .item .content .cart {
  margin-top: 0.5rem;
  width: 100%;
}
@media (min-width: 992px) {
  #favorite .item .content .cart {
    margin-top: 0;
  }
}
#favorite .item .content .cart .button {
  display: flex;
  justify-content: center;
  width: 100%;
}
#favorite .item .content .cart .button img {
  margin-right: 0.75rem;
}
#footer {
  background-image: linear-gradient(to right, #A80F78, #D40AA6);
  color: #ffffff;
  font-size: 0.9rem;
  padding: 3rem 0;
  text-align: center;
}
@media (min-width: 992px) {
  #footer {
    text-align: left;
  }
}
#footer .wrap {
  border-bottom: 1px solid #B390B3;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  #footer .wrap {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
#footer .logo {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  #footer .logo {
    margin-bottom: 3rem;
  }
}
#footer p:last-child {
  margin-bottom: 0;
}
#footer h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  #footer h2 {
    margin-bottom: 2rem;
  }
}
#footer .nav .nav-link {
  color: #ffffff;
  padding: 0;
}
#header {
  background-color: #ffffff;
  margin-bottom: 2.1rem;
  position: relative;
}
@media (min-width: 992px) {
  #header {
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  #header.hp {
    margin-bottom: 6.5rem;
  }
}
@media (max-width: 992px) {
  #header:after {
    background-image: linear-gradient(to right, #A80F78, #D40AA6);
    bottom: -0.6rem;
    content: '';
    height: 0.6rem;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
#header .navbar {
  padding-bottom: 0;
  padding-top: 0;
}
@media (max-width: 992px) {
  #header .navbar-container,
  #header .subnav-container {
    padding-left: 0;
    padding-right: 0;
  }
}
#header .subnav-container {
  position: relative;
}
#header .navbar-brand {
  margin-left: 1rem;
  margin-right: 0;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  #header .navbar-brand {
    margin-left: 0;
  }
}
#header .navbar-brand .text {
  display: none;
}
@media (min-width: 1200px) {
  #header .navbar-brand .text {
    color: #926092;
    display: inline-block;
    font-size: 1rem;
    padding-left: 1.5rem;
  }
}
#header .navbar-toggler {
  border: none;
  margin-right: 1rem;
  padding-left: 0;
  padding-right: 0;
}
#header .navbar-toggler:focus {
  box-shadow: none;
}
#header .navbar-toggler img:first-child {
  display: none;
}
#header .navbar-toggler img:last-child {
  display: block;
}
#header .navbar-toggler.collapsed img:first-child {
  display: block;
}
#header .navbar-toggler.collapsed img:last-child {
  display: none;
}
#header .links {
  margin-left: 0;
}
#header .links.links-m {
  margin-left: auto;
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  #header .links.links-m {
    display: none;
  }
}
#header .links.links-m:before {
  content: none;
}
#header .links.links-d {
  display: none;
}
@media (min-width: 992px) {
  #header .links.links-d {
    display: flex;
  }
}
#header .links:before {
  content: none;
}
#header .navbar-collapse {
  background-image: linear-gradient(to right, #A80F78, #D40AA6);
  padding: 1.6rem 1rem 1rem 1rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  #header .navbar-collapse {
    background-image: none;
    padding: 0;	
  }
}
#header .navbar-nav {
  margin-left: auto;
}
#header .navbar-nav .nav-item {
  margin-bottom: 1.25rem;
}
#header .navbar-nav .nav-item:last-child {
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  #header .navbar-nav .nav-item {
    margin-bottom: 0 !important;
  }
}
#header .navbar-nav .nav-link {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1.3rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 992px) {
  #header .navbar-nav .nav-link {
    background-color: transparent;
    border-radius: 0;
    color: #570A57;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
#header .header-wrap {
  display: flex;
  margin-left: 1.25rem;
  position: relative;
}
#header .header-wrap:before {
  background-color: #E5DCE5;
  content: '';
  height: 2rem;
  left: 0;
  position: absolute;
  top: calc(50% - 1rem);
  width: 1px;
}
#header .header-wrap a {
  color: #A379A3;
  display: inline-block;
  font-size: 1.5rem;
  margin-left: 1.25rem;
}
#header .header-wrap img {
  display: block;
}
#header .cart-info {
  display: none;
}
@media (min-width: 992px) {
  #header .cart-info {
    color: #926092;
    display: block;
    font-size: 0.9rem;
    margin-left: 1.25rem;
    padding-left: 1.25rem;
  }
}
#header .social {
  display: none;
}
@media (min-width: 992px) {
  #header .social {
    display: block;
  }
}
@media (min-width: 992px) {
  #header .subnav {
    background-image: linear-gradient(to right, #A80F78, #D40AA6);
    bottom: -2.5rem;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
#header .subnav .title {
  display: none;
}
@media (min-width: 992px) {
  #header .subnav .title {
    background-color: #ffffff;
    border-radius: 1.3rem;
    color: #926092;
    display: block;
    font-size: 0.9rem;
    left: 0.75rem;
    line-height: 1.9rem;
    padding: 0 1rem;
    position: absolute;
    top: 0.3rem;
  }
}
#header .subnav .title i {
  color: #F806CC;
  margin-left: 0.5rem;
}
#header .subnav .navbar-subnav {
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  #header .subnav .navbar-subnav {
    display: flex;
    justify-content: end;
  }
}
#header .subnav .navbar-subnav .subnav-item {
  border-bottom: solid 1px #B390B3;
  list-style: none;
}
#header .subnav .navbar-subnav .subnav-item:last-child > .subnav-link {
  padding-right: 0;
}
@media (min-width: 992px) {
  #header .subnav .navbar-subnav .subnav-item {
    border-bottom: none;
    margin-left: 2.3rem;
  }
}
#header .subnav .navbar-subnav .subnav-link {
  color: #ffffff;
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 2.5rem;
  text-decoration: none;
}
#intro {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media (min-width: 992px) {
  #intro {
    text-align: left;
  }
}
#intro img {
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  #intro img {
    margin-bottom: 0;
  }
}
#intro .main-heading {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #intro .main-heading {
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
  }
}
#intro p {
  line-height: 1.3rem;
}
#intro .info {
  margin: 1.5rem 0;
}
@media (min-width: 992px) {
  #intro .info {
    margin: 2rem 0;
  }
}
#intro .info .value {
  margin-right: 0.5rem;
}
@media (min-width: 992px) {
  #intro .info .value {
    margin-right: 1rem;
  }
}
#intro .info .value:after {
  content: '|';
  padding-left: 0.5rem;
}
@media (min-width: 992px) {
  #intro .info .value:after {
    padding-left: 1rem;
  }
}
#intro .info .value:last-child {
  margin-right: 0;
}
#intro .info .value:last-child:after {
  content: '';
  padding-left: 0;
}
#intro .links a {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  #intro .links a {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
#intro .links a:last-child {
  margin-bottom: 0;
}
#left-bar .wrap {
  background-color: #ffffff;
  border-radius: 0.5rem;
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
}
#left-bar .wrap .menu ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
#left-bar .wrap .menu ul li.child {
  position: relative;
}
#left-bar .wrap .menu ul li.child:after {
  color: #F806CC;
  content: '\f078';
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
#left-bar .wrap .menu ul li a {
  color: #926092;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  text-decoration: none;
}
#left-bar .wrap .menu ul .submenu li {
  padding-left: 1rem;
}
#left-bar .wrap .menu ul .submenu > li {
  border-left: 2px solid #E5DCE5;
}
#left-bar .wrap .menu ul .submenu > li a {
  font-size: 0.9rem;
  font-weight: 400;
}
#left-bar .wrap .menu ul .active {
  background-color: #E5DCE5;
  border-radius: 1.4rem;
  font-weight: 700 !important;
  margin-left: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#left-bar .wrap h3 {
  color: #A80F78;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
#left-bar .wrap .form-check:last-child {
  margin-bottom: 0;
}
#navigation {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
#navigation ul {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
}
#navigation ul li {
  list-style: none;
}
#navigation ul li:after {
  color: #F806CC;
  content: '\f105';
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  margin: 0 0.5rem;
}
#navigation ul li:last-child:after {
  content: '';
  margin: 0;
}
#navigation ul li a {
  color: #926092;
  text-decoration: none;
}
#product {
  color: #926092;
  margin-bottom: 4rem;
}
#product .w-wrap {
  margin-bottom: 2rem;
  padding: 2rem 0;
}
@media (min-width: 992px) {
  #product .w-wrap {
    margin-bottom: 4rem;
    padding: 4rem 0;
  }
}
#product .top {
  margin-bottom: 4rem;
}
#product .images {
  background-color: #ffffff;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 2rem 1rem;
}
#product .images .carousel-indicators {
  margin-bottom: 0;
  right: 0;
}
#product .images .carousel-indicators button {
  background-color: #E5DCE5;
  border-bottom: none;
  border-radius: 0.25rem;
  border-top: none;
  height: 4px;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  opacity: 1;
  width: 44px;
}
#product .images .carousel-indicators button.active {
  background-color: #F806CC;
}
#product .images .carousel-item {
  padding-bottom: 2rem;
  text-align: center;
}
#product .images .carousel-control {
  color: #E5DCE5;
  font-size: 2rem;
}
#product .price {
  align-items: center;
  display: flex;
  font-size: 2.2rem;
  font-weight: 600;
  justify-content: center;
}
@media (min-width: 992px) {
  #product .price {
    justify-content: start;
  }
}
#product .price .desc {
  font-size: 1rem;
  margin-left: 0.7rem;
}
#product .info {
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .info {
    text-align: left;
  }
}
#product .add-to-cart {
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  #product .add-to-cart {
    display: flex;
  }
}
#product .add-to-cart .quantity {
  border-radius: 1.3rem;
  border: none;
  box-shadow: 2px 3px 8px -3px rgba(0, 0, 0, 0.22);
  color: #926092;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  text-align: center;
  width: 100%;
  -moz-appearance: textfield;
}
@media (min-width: 992px) {
  #product .add-to-cart .quantity {
    margin-bottom: 0;
    margin-right: 1rem;
    width: 5rem;
  }
}
#product .add-to-cart .button {
  align-items: center;
  display: flex;
}
#product .add-to-cart .button img {
  margin-right: 0.75rem;
}
#product .items {
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .items {
    text-align: left;
  }
}
#product .items .title {
  background: -webkit-linear-gradient(45deg, #A80F78, #D40AA6);
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#product .items a {
  color: #926092;
}
#product .buttons {
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .buttons {
    text-align: left;
  }
}
#product .buttons .button {
  margin-right: 1rem;
  padding: 0.5rem 1rem;
}
#product .buttons .button i {
  color: #926092;
  margin-right: 0.2rem;
}
#product .icons-info {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  #product .icons-info {
    justify-content: start;
  }
}
#product .icons-info .icon {
  align-items: center;
  background-color: #F4E1EE;
  border-radius: 0.5rem;
  color: #926092;
  display: flex;
  font-size: 0.9rem;
  font-weight: 600;
  height: 4rem;
  justify-content: center;
  margin-right: 0.5rem;
  width: 4rem;
}
#product .icons-info .icon:last-child {
  margin-right: 0;
}
#product .icons-info .icon .text,
#product .icons-info .icon .image {
  align-items: center;
  display: flex;
  font-size: 1.3rem;
  height: 1.5rem;
  justify-content: center;
}
#product .params {
  font-size: 0.9rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .params {
    text-align: left;
  }
}
#product .params .param:after {
  content: '|';
  margin-right: 1rem;
  padding-left: 1rem;
}
#product .params .param:last-child:after {
  display: none;
}
#product .params .param a {
  color: #926092;
}
#product .submenu {
  margin-bottom: 2rem;
}
#product .submenu ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  #product .submenu ul {
    border-bottom: 1px solid #E5DCE5;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}
#product .submenu ul li {
  margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
  #product .submenu ul li {
    margin-bottom: 0;
    padding: 0 2rem;
  }
}
#product .submenu ul li a {
  background-color: #F4E1EE;
  border-radius: 1.3rem;
  color: #926092;
  display: block;
  font-weight: 600;
  padding: 0.75rem 0;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 992px) {
  #product .submenu ul li a {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}
#product .ingredients {
  text-align: center;
}
@media (min-width: 992px) {
  #product .ingredients {
    text-align: left;
  }
}
#product .ingredients img {
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  #product .ingredients img {
    max-width: 100%;
    width: auto;
  }
}
@media (min-width: 992px) {
  #product .ingredients img {
    margin-bottom: 0;
  }
}
#product .ingredients ul {
  font-size: 0.9rem;
  list-style: none;
  margin-bottom: 2rem;
  padding-left: 0;
}
@media (min-width: 992px) {
  #product .ingredients ul {
    margin-bottom: 0;
  }
}
#product .ingredients ul li {
  line-height: 1.5rem;
}
#product .ingredients p {
  line-height: 1.5rem;
  margin-bottom: 0;
}
#product .description {
  border-bottom: 1px solid #E5DCE5;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .description {
    margin-bottom: 4rem;
    padding-bottom: 3rem;
  }
}
#product .description h3 {
  text-align: center;
}
#product .video {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 992px) {
  #product .video {
    margin-bottom: 4rem;
  }
}
#product .video .icon {
  margin-bottom: 2rem;
}
#product .video h3 {
  margin-bottom: 1.5rem;
  text-align: center;
}
#product .video .desc {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  #product .video .desc {
    margin-bottom: 0;
  }
}
#product .video p:last-child {
  margin-bottom: 0;
}
#product .video .play {
  background-color: #F4E1EE;
  border-radius: 0.5rem;
  height: 30rem;
}
#product .zig-zag {
  border-bottom: 1px solid #E5DCE5;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}
#product .zig-zag:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #product .zig-zag {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    text-align: left;
  }
}
#product .zig-zag .image {
  text-align: center;
  width: 100%;
}
#product .zig-zag .image img {
  max-width: 100%;
}
@media (min-width: 992px) {
  #product .zig-zag .right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  #product .zig-zag .right h3 {
    text-align: right;
  }
}
#product .playlist {
  font-size: 0.9rem;
}
#product .playlist .heading {
  margin: 0 auto;
  text-align: center;
}
#product .playlist .heading .icon {
  margin-bottom: 2rem;
}
#product .playlist .heading h3 {
  margin-bottom: 1.5rem;
  text-align: center;
}
#product .playlist .heading .desc {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  #product .playlist .heading .desc {
    margin-bottom: 0;
  }
}
#product .playlist .heading p:last-child {
  margin-bottom: 0;
}
#product .playlist .songs {
  background-color: #f9ecf1;
  border-radius: 0.5rem;
  padding: 2rem;
}
#product .playlist .songs .list {
  margin-bottom: 2rem;
}
#product .playlist .songs .list table {
  width: 100%;
}
#product .playlist .songs .list table tr:last-child td {
  padding-bottom: 0 !important;
}
#product .playlist .songs .list table td {
  padding-bottom: 0.25rem;
}
#product .playlist .songs .list table td:first-child {
  width: 10%;
}
#product .playlist .songs .list table td:last-child {
  width: 15%;
}
#product .playlist .songs .control {
  text-align: center;
}
#product .playlist .songs .control .song {
  margin-bottom: 2rem;
}
#products {
  margin-bottom: 4rem;
}
#products .product {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 12px 25px -7px rgba(0, 0, 0, 0.1);
  color: #926092;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  text-align: center;
}
#products .product h2 {
  color: #570A57;
  font-size: 1.1rem;
  font-weight: 600;
}
#products .product .desc {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
#products .product .image {
  margin-bottom: 2rem;
  position: relative;
}
#products .product .image .sale {
  background-image: url("../images/sale_bg.svg");
  background-repeat: no-repeat;
  color: #F806CC;
  font-size: 1.2rem;
  height: 69px;
  line-height: 69px;
  position: absolute;
  width: 69px;
}
#products .product .price {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
#products .product .price.before {
  color: #B390B3;
  font-size: 0.9rem;
  text-decoration: line-through;
}
#products .product .cart .button {
  display: flex;
  justify-content: center;
  width: 100%;
}
#products .product .cart .button img {
  margin-right: 0.75rem;
}
#products .more {
  text-align: center;
}
.slider {
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .slider.right .carousel-indicators {
    left: 0;
    right: 60%;
  }
}
@media (min-width: 992px) {
  .slider.right .carousel-item {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .slider.right .carousel-item .before-heading,
  .slider.right .carousel-item .main-heading {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .slider.right .carousel-item .link {
    justify-content: end;
  }
}
.slider .carousel-indicators {
  margin-bottom: 0;
  right: 0;
}
@media (min-width: 992px) {
  .slider .carousel-indicators {
    left: 60%;
  }
}
.slider .carousel-indicators button {
  background-color: #E5DCE5;
  border-bottom: none;
  border-radius: 0.25rem;
  border-top: none;
  height: 4px;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  opacity: 1;
  width: 44px;
}
.slider .carousel-indicators button.active {
  background-color: #F806CC;
}
.slider .carousel-item {
  color: #926092;
  font-size: 0.9rem;
  text-align: center;
}
@media (min-width: 992px) {
  .slider .carousel-item {
    padding-bottom: 0;
    text-align: left;
  }
}
.slider .carousel-item .text {
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .slider .carousel-item .text {
    padding-bottom: 0;
  }
}
.slider .carousel-item .number {
  display: none;
}
@media (min-width: 992px) {
  .slider .carousel-item .number {
    background-color: #faf1f4;
    border-radius: 0.9rem;
    color: #A80F78;
    display: block;
    font-family: 'PT Serif';
    font-size: 2.6rem;
    left: 0;
    padding: 1rem 1.5rem;
    position: absolute;
    text-align: center;
    top: 0;
  }
}
.slider .carousel-item .number:after {
  background-color: #faf1f4;
  bottom: -1.5rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  content: '';
  height: 1.5rem;
  position: absolute;
  right: 1rem;
  width: 1.5rem;
}
.slider .carousel-item .number .desc {
  color: #926092;
  display: block;
  font-size: 0.9rem;
  text-align: center;
}
.slider .carousel-item .image {
  display: block;
  margin: 0 auto 2rem auto;
  max-width: 100%;
}
.slider .carousel-item p {
  line-height: 1.3rem;
}
.slider .carousel-item .link {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 1.25rem;
}
@media (min-width: 992px) {
  .slider .carousel-item .link {
    justify-content: start;
  }
}
.slider .carousel-item .link i {
  color: #F806CC;
  margin: 0 1rem;
}
#social {
  margin-bottom: 3.25rem;
}
#social .before-heading,
#social h1 {
  text-align: center;
}
@media (min-width: 992px) {
  #social .before-heading,
  #social h1 {
    text-align: left;
  }
}
#social h1 {
  text-transform: uppercase;
}
#social .site {
  background-color: #ffffff;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
#social .site .link {
  display: block;
  text-decoration: none;
}
#social .site .heading {
  align-items: center;
  display: flex;
  padding: 1.2rem;
}
#social .site .heading h2 {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 0;
}
#social .site .heading i {
  color: #926092;
  font-size: 1.4rem;
  margin-left: auto;
}
#social .site img {
  width: 100%;
}
#top-products .product {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 12px 25px -7px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
  padding: 1rem;
  position: relative;
}
#top-products .product .sale {
  background-image: url("../images/sale_bg.svg");
  background-repeat: no-repeat;
  color: #F806CC;
  font-size: 1.2rem;
  height: 69px;
  line-height: 69px;
  position: absolute;
  right: 1rem;
  text-align: center;
  top: 1rem;
  width: 69px;
}
#top-products .product .image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
#top-products .product .image img {
  max-height: 8rem;
}
#top-products .product .text {
  width: 75%;
}
#top-products .product .text h2 {
  color: #570A57;
  font-size: 1.1rem;
  font-weight: 600;
}
#top-products .product .text .desc {
  color: #926092;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  min-height: 2rem;
}
#top-products .product .price {
  color: #926092;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
#top-products .product .price.before {
  color: #B390B3;
  font-size: 0.9rem;
  text-decoration: line-through;
}
#top-products .product .cart .button {
  display: flex;
  justify-content: center;
  width: 100%;
}
#top-products .product .cart .button img {
  margin-right: 0.75rem;
}