@charset "utf-8";

.mbp-co52 div { width: 100%; }

.mbp-co52 div p { overflow: hidden; font-size: 12px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }

.mbp-co52 div .mbp-co86 { font-size: 13px; }

@media (max-width: 768.95px) {
  .mbp-co52 div .mbp-co86 { font-size: 12px; }
}

@media (min-width: 769px) {
  .mbp-co52 div p { font-size: 17px; line-height: 1.4; }
}

.mbp-co53 p { font-size: 14px; line-height: 1.3; }

@media (min-width: 769px) {
  .mbp-co53 p { font-size: 16px; line-height: 1.4; }
}

@media (max-width: 767.95px) {
  .mbp-co53 p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}

.mbp-co54 { font-weight: 400; }

.mbp-co55 { color: rgb(32, 22, 72); font-size: 1em; font-family: LatoMedium, sans-serif; font-weight: bold; letter-spacing: 0.4px; }

.mbp-co56 { font-weight: bold; }

.mbp-co57 { color: rgb(247, 21, 72); font-weight: normal; text-decoration: line-through; }

.mbp-co58 { color: rgb(32, 22, 72); font-size: 16px; font-weight: 700; }

.mbp-co59 { width: 100%; position: relative; background: rgb(227, 227, 227); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; border-radius: 0px; margin-bottom: 8px; padding-bottom: 109.09%; }

.mbp-co60 { left: 0px; right: 0px; width: 100%; bottom: 0px; position: absolute; }

@media (max-width: 997.95px) {
  .mbp-co60 { width: 160%; }
}

@media (max-width: 1023.95px) {
  .mbp-co60 { width: 100%; }
}

.mbp-co61 { left: 0px; right: 0px; width: 100%; bottom: 0px; position: absolute; }

@media (max-width: 997.95px) {
  .mbp-co61 { top: 0px; left: -72px; width: 145%; }
}

@media (max-width: 1023.95px) {
  .mbp-co61 { left: 0px; width: 100%; }
}

@media (max-width: 699.95px) {
  .mbp-co61 { top: -3px; left: -23%; width: 125%; }
}

.mbp-co62 { inset: 0px; width: inherit; display: block; position: absolute; }

.mbp-co63 { color: rgb(0, 0, 0); width: 100%; display: inline-block; text-decoration: none; }

.mbp-co64 { color: rgb(32, 22, 72); font-family: LatoMedium, sans-serif; text-decoration: none; }

.mbp-co64:hover { cursor: pointer; }

.mbp-co65 { color: rgb(255, 255, 255); padding: 0px 5px; font-size: 14px; background: rgb(32, 22, 72); margin-right: 4px; border-radius: 10px; }

.mbp-co66 { color: rgb(102, 102, 102); font-size: 0.8em; font-family: LatoMedium, sans-serif; font-weight: 700; text-transform: capitalize; text-decoration: none; }

.mbp-co66:hover { cursor: pointer; }

.mbp-co67 { color: rgb(161, 0, 26); font-size: 12px; font-family: LatoMedium, sans-serif; font-weight: 700; text-transform: capitalize; text-decoration: none; }

.mbp-co67:hover { cursor: pointer; }

.mbp-co68 { width: 50%; display: block; margin-bottom: 3px; }

@media (max-width: 1023.95px) {
  .mbp-co68 { width: 80%; }
}

.mbp-co69 { left: 0px; width: 100%; }

.mbp-co70 { color: rgb(32, 22, 72); right: 15px; bottom: 0px; margin: 5px 0px; z-index: 9; position: absolute; text-align: right; font-weight: 400; }

.mbp-co71 { color: rgb(31, 31, 27); }

.mbp-co71 .sale-price { color: rgb(31, 31, 27); }

.mbp-co71 .crossed-price { color: rgb(102, 102, 102); }

.mbp-co72 { font-weight: 400; margin-bottom: 30px; }

.mbp-co73 { position: relative; }

.mbp-co73:hover span { opacity: 1; }

.mbp-co73:hover span button { opacity: 0.8; }

.mbp-co73:hover span button:hover { opacity: 1; }

.mbp-co75 { box-shadow: none; }

.mbp-co76 { font-size: 24px; font-style: normal; font-family: Canela, Crimson, Garamond, Times, serif; font-weight: 500; line-height: 30px; letter-spacing: 0.01em; }

@media screen and (min-width: 300px) and (max-width: 600px) {
  .mbp-co76 { font-size: 16px; line-height: 17.6px; }
}

.mbp-co77 { color: rgba(0, 0, 0, 0.75); margin: 5px 0px; font-style: normal; font-weight: normal; line-height: 12px; letter-spacing: 0.05em; text-transform: uppercase; font-size: 12px !important; }

@media screen and (min-width: 300px) and (max-width: 600px) {
  .mbp-co77 { font-size: 8px !important; line-height: 6.53px; }
}

.mbp-co78 { color: rgba(0, 0, 0, 0.5); margin: 5px 0px 15px; font-style: normal; font-weight: normal; line-height: 12px; letter-spacing: 0.05em; text-transform: capitalize; font-size: 14px !important; }

@media (max-width: 599.95px) {
  .mbp-co78 { line-height: 6.53px; }
}

.mbp-co79 { left: 0px; right: 0px; width: 100%; bottom: 0px; position: absolute; }

.mbp-co82 { }

.mbp-co84 { transition: 1.5s; }

.mbp-co85 { white-space: initial !important; }

.mbp-co86 { color: rgb(32, 22, 72); font-weight: bold; }