/* Scoped to the promotion; inherits Fashion's Montserrat typography. */
.meranamoda-qp {
  --meranaqp-green: #875d3e;
  --meranaqp-text: #211b16;
  --meranaqp-muted: #62574d;
  --meranaqp-surface: #f5f0e8;
  --meranaqp-line: #d9cdbf;
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 22px 0 26px;
  color: var(--meranaqp-text);
  background: var(--meranaqp-surface);
  border-radius: 12px;
  font-family: inherit;
  text-align: center;
}
.meranamoda-qp *, .meranamoda-qp *::before, .meranamoda-qp *::after { box-sizing: border-box; }
.meranamoda-qp .meranamoda-qp__inner { padding: 25px 20px 22px; }
.meranamoda-qp .meranamoda-qp__title {
  margin: 0;
  padding: 0;
  color: var(--meranaqp-text);
  font: inherit;
  font-size: 23px !important;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.meranamoda-qp .meranamoda-qp__subtitle { margin: 8px 0 0; color: var(--meranaqp-muted); font-size: 15px; line-height: 1.5; }
.meranamoda-qp .meranamoda-qp__tiers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 23px 0 21px;
  padding: 0;
  list-style: none;
}
.meranamoda-qp .meranamoda-qp__tier { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; margin: 0; padding: 0; }
.meranamoda-qp .meranamoda-qp__tier::before { content: none; }
.meranamoda-qp .meranamoda-qp__circle {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 88px;
  aspect-ratio: 1;
  border: 2px solid var(--meranaqp-line);
  border-radius: 50%;
}
.meranamoda-qp .meranamoda-qp__circle::before { content: ""; position: absolute; inset: 6px; border: 1px dashed #c9b9a5; border-radius: 50%; pointer-events: none; }
.meranamoda-qp .meranamoda-qp__percent { position: relative; white-space: nowrap; font-size: 25px; font-weight: 700; line-height: 1; letter-spacing: -0.035em; font-variant-numeric: lining-nums tabular-nums; }
.meranamoda-qp .meranamoda-qp__percent > span { font-size: 0.66em; letter-spacing: 0; }
.meranamoda-qp .meranamoda-qp__quantity { color: var(--meranaqp-muted); font-size: 14px; font-weight: 700; line-height: 1.4; }
.meranamoda-qp .meranamoda-qp__tier--best .meranamoda-qp__circle { border-color: var(--meranaqp-green); background: var(--meranaqp-green); color: #fff; }
.meranamoda-qp .meranamoda-qp__tier--best .meranamoda-qp__circle::before { border-color: #d9cdbf; }
.meranamoda-qp .meranamoda-qp__tier--best .meranamoda-qp__quantity { color: #503624; }
.meranamoda-qp .meranamoda-qp__note { margin: 0; color: var(--meranaqp-text); font-size: 15px; font-weight: 700; line-height: 1.5; text-wrap: balance; }
.meranamoda-qp .meranamoda-qp__details { margin: 10px 0 0; color: var(--meranaqp-muted); font-size: 12px; line-height: 1.65; text-wrap: pretty; }
.meranamoda-qp ::selection { background: #eee5da; color: #211b16; }
@container (max-width: 400px) {
  .meranamoda-qp .meranamoda-qp__inner { padding: 23px 18px 20px; }
  .meranamoda-qp .meranamoda-qp__title { font-size: 21px !important; }
  .meranamoda-qp .meranamoda-qp__tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; max-width: 250px; margin-inline: auto; }
  .meranamoda-qp .meranamoda-qp__circle { max-width: 86px; }
  .meranamoda-qp .meranamoda-qp__percent { font-size: 27px; }
}
/* Older browsers without container queries still get a readable phone layout. */
@supports not (container-type: inline-size) {
  @media (max-width: 600px) {
    .meranamoda-qp .meranamoda-qp__tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}
body.single-product .product-container .product-summary__payments:has(+ .meranamoda-qp) { margin-bottom: 16px !important; }
body.single-product .product-container .meranamoda-qp + .wpdssg-moved-description { margin-top: 24px !important; }
@media print {
  .meranamoda-qp { break-inside: avoid; background: #fff; border: 1px solid #d9cdbf; }
}
