.mwpd-page {
  --mwpd-teal: #16a7b7;
  --mwpd-teal-dark: #0d8a99;
  --mwpd-teal-tint: #e7f8f9;
  --mwpd-orange: #0d8a99;
  --mwpd-orange-tint: #e7f8f9;
  --mwpd-ink: #17323d;
  --mwpd-muted: #6f8b92;
  --mwpd-line: #dcecef;
  --mwpd-bg: #f5fbfc;
  --mwpd-star: #f4b400;
  --mwpd-radius: 18px;

  max-width: 1280px;
  padding: 2.25rem 1.5rem 3.5rem;
  color: var(--mwpd-ink);
  background: linear-gradient(180deg, #f5fbfc 0%, #ffffff 42%);
}

.mwpd-crumbs {
  margin-bottom: 1.25rem;
  color: var(--mwpd-muted);
}

.mwpd-crumbs a {
  color: var(--mwpd-teal-dark);
}

.mwpd-crumbs .mwpd-crumb-current {
  color: var(--mwpd-ink);
}

.mwpd-top {
  gap: 1.25rem;
}

.mwpd-thumb,
.mwpd-gallery-main {
  border-color: var(--mwpd-line);
  box-shadow: 0 8px 22px rgba(19, 80, 90, 0.08);
}

.mwpd-thumb {
  background: #fff;
}

.mwpd-thumb.mwpd-thumb-active {
  border-color: var(--mwpd-teal);
  box-shadow: 0 0 0 3px rgba(22, 167, 183, 0.13);
}

.mwpd-gallery-main {
  background: radial-gradient(circle at 50% 30%, #ffffff 0%, #eaf9fa 72%, #e0f4f5 100%);
}

.mwpd-gallery-image-placeholder,
.mwpd-gallery-thumb-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid #c7eaed;
  background: radial-gradient(circle at 50% 28%, #ffffff 0%, #eaf9fa 68%, #e0f4f5 100%);
}

.mwpd-gallery-image-placeholder {
  width: 78%;
  height: 78%;
  border-radius: 16px;
}

.mwpd-gallery-thumb-placeholder {
  width: 100%;
  height: 100%;
  gap: 4px;
  border-radius: 7px;
}

.mwpd-gallery-image-placeholder svg {
  width: 70px;
  height: 70px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}

.mwpd-gallery-thumb-placeholder svg {
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 7px;
  background: #fff;
}

.mwpd-gallery-image-placeholder span,
.mwpd-gallery-thumb-placeholder span {
  max-width: 78%;
  overflow: hidden;
  padding: 4px 9px;
  border-radius: 999px;
  background: #dff1c9;
  color: #5d8f35;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.mwpd-gallery-thumb-placeholder span {
  padding: 2px 4px;
  font-size: 5px;
}

.mwpd-ribbon {
  background: var(--mwpd-teal-dark);
}

.mwpd-ribbon::after {
  border-left-color: #086d7a;
}

.mwpd-eyebrow {
  color: var(--mwpd-teal-dark);
  background: var(--mwpd-teal-tint);
}

.mwpd-title {
  color: var(--mwpd-ink);
}

.mwpd-stars {
  color: var(--mwpd-star);
}

.mwpd-price-card {
  border-color: #cfe7eb;
  background: var(--mwpd-teal-tint);
}

.mwpd-price-now,
.mwpd-delivery b {
  color: var(--mwpd-teal-dark);
}

.mwpd-discount-pill {
  background: var(--mwpd-teal-dark);
}

.mwpd-delivery {
  border-color: var(--mwpd-teal);
  background: #fff;
}

.mwpd-btn-cart {
  background: linear-gradient(135deg, #16a7b7, #0d8a99);
  box-shadow: 0 6px 14px rgba(13, 138, 153, 0.2);
}

.mwpd-btn-cart:hover {
  background: linear-gradient(135deg, #0d8a99, #086d7a);
}

.mwpd-offer-note {
  color: var(--mwpd-muted);
}

.mwpd-cart-box {
  background: linear-gradient(135deg, #083e4d, #087f8d);
  box-shadow: 0 12px 28px rgba(8, 126, 141, 0.18);
}

.mwpd-cart-box-label svg,
.mwpd-secure-note svg {
  color: #b6f2f5;
}

.mwpd-cart-count-pill {
  background: #16a7b7;
}

.mwpd-cart-preview {
  flex-wrap: wrap;
  align-items: flex-start;
}

.mwpd-cart-preview-text {
  flex: 0 0 100%;
  width: 100%;
  margin: 8px 0 0;
  font-size: 11.5px;
  line-height: 1.4;
  font-weight: 600;
  opacity: .9;
  overflow-wrap: break-word;
}

.mwpd-btn-view-cart {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.mwpd-btn-view-cart:hover {
  background: rgba(255, 255, 255, 0.24);
}

.mwpd-section {
  margin-top: 2rem;
}

.mwpd-section-title {
  color: var(--mwpd-ink);
}

.mwpd-section-sub {
  color: var(--mwpd-muted);
}

.mwpd-scroll-row::-webkit-scrollbar-thumb {
  background: #b8dfe3;
}

.mwpd-pcard,
.mwpd-tabs-block,
.mwpd-details-table,
.mwpd-reviews {
  border-color: var(--mwpd-line);
  box-shadow: 0 8px 22px rgba(19, 80, 90, 0.06);
}

.mwpd-pcard {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mwpd-pcard:hover {
  border-color: #a9dfe4;
  box-shadow: 0 12px 26px rgba(22, 167, 183, 0.14);
  transform: translateY(-2px);
}

.mwpd-pcard-img {
  background: var(--mwpd-teal-tint);
}

.mwpd-pcard-img-placeholder {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  overflow: hidden;
  border: 1px solid #c7eaed;
  border-radius: 8px;
  background: radial-gradient(circle at 50% 28%, #ffffff 0%, #eaf9fa 68%, #e0f4f5 100%);
}

.mwpd-pcard-img-placeholder svg {
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 8px;
  background: #fff;
}

.mwpd-pcard-img-placeholder span {
  max-width: 56px;
  overflow: hidden;
  padding: 2px 5px;
  border-radius: 999px;
  background: #dff1c9;
  color: #5d8f35;
  font-size: 6px;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.mwpd-pcard-price {
  color: var(--mwpd-teal-dark);
}

.mwpd-pcard-off {
  color: var(--mwpd-teal-dark);
}

.mwpd-pcard-add {
  background: var(--mwpd-teal-tint);
  color: var(--mwpd-teal-dark);
}

.mwpd-pcard-add:hover {
  background: var(--mwpd-teal-dark);
}

.mwpd-tabs-nav label {
  color: var(--mwpd-muted);
}

#mwpd-tab-1:checked ~ .mwpd-tabs-nav label[for="mwpd-tab-1"],
#mwpd-tab-2:checked ~ .mwpd-tabs-nav label[for="mwpd-tab-2"],
#mwpd-tab-3:checked ~ .mwpd-tabs-nav label[for="mwpd-tab-3"],
#mwpd-tab-4:checked ~ .mwpd-tabs-nav label[for="mwpd-tab-4"] {
  color: var(--mwpd-teal-dark);
  border-bottom-color: var(--mwpd-teal);
}

.mwpd-faq-q,
.mwpd-detail-value a {
  color: var(--mwpd-teal-dark);
}

.mwpd-bar-fill {
  background: var(--mwpd-teal);
}

.mwpd-bar-fill.mwpd-bar-low {
  background: #78cbd1;
}

.mwpd-score-box {
  background: #083e4d;
}

.mwpd-score-stars {
  color: var(--mwpd-star);
}

@media (max-width: 768px) {
  .mwpd-page {
    padding: 1rem 0.85rem 2.5rem;
  }

  .mwpd-gallery-main {
    border-radius: 16px;
  }

  .mwpd-cart-box,
  .mwpd-tabs-block,
  .mwpd-details-table,
  .mwpd-reviews {
    border-radius: 16px;
  }
}