@charset "utf-8";

.mbp2692 { width: 100%; margin: 0px auto; display: flex; padding: 0px 0px 10px; max-width: 1400px; overflow-x: auto; justify-content: flex-start; }

.mbp2693 { width: 100%; margin: 0px auto; display: flex; padding: 0px 0px 10px; max-width: 1400px; justify-content: center; }

.mbp2693--space-evenly { justify-content: space-around; }

.mbp2693--center { justify-content: center; }

@media (max-width: 1024.95px) {
  .mbp2693 { overflow-x: scroll; justify-content: flex-start; }
}

@media (max-width: 1024.95px) {
  .mbp2693--center { justify-content: center; }
}

@media (max-width: 1024.95px) {
  .mbp2693--space-evenly { overflow-x: inherit; justify-content: space-around; }
}

.mbp2694 { width: 100%; overflow: hidden; position: relative; }

.mbp2694 .slick-track { display: flex; justify-content: center; }

.mbp2694 .slick-slide { display: inline-block; padding: 0px 10px; position: relative; }

.mbp2696 { height: 100%; }

.mbp2696 > div.rl-box { position: inherit; }

@media (max-width: 599.95px) {
  .mbp2696 { padding: 0px 10px; }
}

.mbp2697 { display: flex; flex-wrap: wrap; justify-content: space-evenly; }

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

.mbp2698 .MuiCard-root { overflow: visible; }

@media (max-width: 599.95px) {
  .mbp2698 { width: 160px; }
}

.mbp2701 div { width: 100%; }

.mbp2701 div p { overflow: hidden; font-size: 0.875rem; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }

.mbp2701 div sellername { margin: 0px; font-size: 0.813rem; }

@media (max-width: 768.95px) {
  .mbp2701 div sellername { font-size: 0.75rem; }
}

@media (min-width: 769px) {
  .mbp2701 div p { font-size: 1rem; line-height: 1.4; }
}

.mbp2702 { color: rgb(32, 22, 72); font-size: 1rem; font-weight: 700; }

.mbp2703 { font-weight: bold; }

.mbp2704 { margin-top: 12px; }

.mbp2704 [data-component="productName"] { font-size: 1.125rem; line-height: 1.625rem; }

.mbp2704 .mbp2703 { margin: 8px 0px; font-family: "Area Variable", Lato; font-weight: normal; }

.mbp2704 .mbp2703 span { font-size: 1.25rem; line-height: 1.875rem; }

@media only screen and (max-width: 768px) {
  .mbp2704 .mbp2703 span { font-size: 1.125rem; line-height: 1.625rem; }
}

@media only screen and (max-width: 768px) {
  .mbp2704 [data-component="productName"] { font-size: 1rem; line-height: 1.5rem; }
}

@media (max-width: 599.95px) {
  .mbp2705 { width: 160px; }
}

.mbp2706 { white-space: normal !important; }

.mbp2707 { box-shadow: inherit !important; }

.mbp2708 { padding: 32px 0px !important; }

@media only screen and (max-width: 959.95px) and (min-width: 600px) {
  .mbp2708 { padding: 32px 16px !important; }
}

@media only screen and (max-width: 1440px) and (min-width: 1279.5px) {
  .mbp2708 { padding: 32px 24px !important; }
}

@media (max-width: 599.95px) {
  .mbp2708 { padding: 8px 0px 16px !important; }
}

.mbp2708 .mbp2689 > p, .mbp2708 .mbp2689 > h2 { padding: 0px 16px 16px; font-size: 20px; text-align: left; font-family: "Area Variable", LatoBold; font-weight: 700; line-height: 30px; }

.mbp2708 .transformedName { font-size: 14px; line-height: 18px; }

.mbp2708 .priceWrapper { margin: 4px 0px; font-family: "Area Variable", LatoBold; font-weight: 700; }

.mbp2708 .mbp2692 { padding: 0px 6px; }

.mbp2708 .mbp2693--center { justify-content: flex-start; }

@media (max-width: 599.95px) {
  .mbp2708 .mbp2693 { padding: 0px 6px; }
}

.mbp2708 .priceWrapper span { font-size: 14px; line-height: 18px; }

@media (min-width: 600px) {
  .mbp2708 .priceWrapper span { font-size: 20px; line-height: 30px; }
}

@media (min-width: 600px) {
  .mbp2708 .transformedName { font-size: 18px; line-height: 26px; }
}

@media (min-width: 600px) {
  .mbp2708 .mbp2689 > p, .mbp2708 .mbp2689 > h2 { padding: 0px 16px 20px 0px; font-size: 28px; line-height: 36px; }
}

@media (min-width: 600px) {
  .mbp2708 .mbp2695 { padding: 0px 38px; }
}

.mbp2708 .mbp2695 .slick-track { margin: 0px; justify-content: flex-start; }

.mbp2709 { padding: 0px !important; }

.mbp2710 { padding: 24px 0px !important; }

@media only screen and (max-width: 959.95px) and (min-width: 600px) {
  .mbp2710 { padding: 28px 16px !important; }
}

.mbp2710 .mbp2693--center { justify-content: center; }

@media (max-width: 599.95px) {
  .mbp2710 .mbp2693--center { justify-content: flex-start; }
}

@media (min-width: 600px) {
  .mbp2710 .mbp2689 > p, .mbp2710 .mbp2689 > h2 { padding: 0px 16px 28px 0px; text-align: center; font-weight: normal; }
}

.mbp2710 .mbp2695 .slick-track { margin: 0px auto; justify-content: center; }

@media (max-width: 599.95px) {
  .mbp2710 .mbp2695 .slick-track { margin: 0px; justify-content: flex-start; }
}

.mbp2711 .mbp2689 > p, .mbp2711 .mbp2689 > h2 { font-weight: normal; text-transform: lowercase; padding: 32px 0px 28px !important; text-align: center !important; }

.mbp2711 .mbp2715 > p, .mbp2711 .mbp2715 > h2 { margin: 14px 0px 16px; display: block; font-size: 26px; font-weight: normal; line-height: 31px; padding: 0px 0px 0px 40px !important; text-align: left !important; }

.mbp2711 .transformedName { display: -webkit-box; overflow: hidden; font-size: 14px; font-weight: normal; line-height: 19px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.mbp2711 .mbp2693 { padding-bottom: 0px; }

.mbp2711 .mbp2695 { padding: 0px 30px; }

.mbp2711 .mbp2703 span { font-size: 14px; line-height: 19px; }

@media only screen and (min-width: 600px) {
  .mbp2711 .mbp2693 { overflow-x: inherit; }
}

.mbp2711 .mbp2701 .transformedName { display: block; }

@media only screen and (max-width: 1024px) {
  .mbp2711 .mbp2715 > p, .mbp2711 .mbp2715 > h2 { font-size: 20px; line-height: 25px; }
}

@media only screen and (max-width: 600px) {
  .mbp2711 .mbp2715 > p, .mbp2711 .mbp2715 > h2 { margin: 0px; padding-left: 0px; }
}

.mbp2711 .mbp2715 > p p, .mbp2711 .mbp2715 > h2 p { padding: 0px; }

@media screen and (max-width: 600px) {
  .mbp2711 .mbp2689 > p, .mbp2711 .mbp2689 > h2 { padding: 28px 0px 16px 16px !important; text-align: left !important; }
}

.mbp2711 .mbp2689 > p::first-letter, .mbp2711 .mbp2689 > h2::first-letter { text-transform: capitalize; }

.mbp2712 { margin: 40px 0px 16px; display: block; font-size: 20px; line-height: 25px; padding-left: 40px; }

@media only screen and (max-width: 600px) {
  .mbp2712 { margin: 36px 0px 16px; padding-left: 16px; }
}

.mbp2713 { margin: 40px 0px 16px; display: block; font-size: 26px; line-height: 31px; padding-left: 40px; }

@media only screen and (max-width: 1024px) {
  .mbp2713 { font-size: 20px; line-height: 25px; }
}

@media only screen and (max-width: 600px) {
  .mbp2713 { margin: 36px 0px 16px; padding-left: 16px; }
}