/* WooCommerce Tiered Discount — Storefront v6.4
 * STRICT LAYOUT CONTRACT
 * --------------------------------------------------------------------------
 * The pricing surface is always a Vertical Stacked Pricing Tier Cards system.
 * Every tier is an independent card. The visual grammar never changes between
 * desktop, narrow desktop columns and mobile:
 * physical LEFT -> price | discount | title/range/recommendation | radio -> physical RIGHT
 * We only tighten dimensions at smaller component widths; we never re-order or
 * collapse the information into a different card structure.
 */

.wctd-box{
  --wctd-accent:#e52f2f;
  --wctd-accent-hover:#d52727;
  --wctd-accent-soft:#fff6f4;
  --wctd-accent-border:#f09993;
  --wctd-text:#1d2421;
  --wctd-muted:#7b817f;
  --wctd-line:#e6eae8;
  --wctd-surface:#fff;
  --wctd-soft:#f8faf9;
  --wctd-warm:#fff9ef;
  --wctd-green:#15915a;
  direction:rtl;
  text-align:right;
  width:100%;
  margin:12px 0 16px;
  padding:16px;
  border:1px solid #eee8e5;
  border-radius:24px;
  background:#fff;
  color:var(--wctd-text);
  box-sizing:border-box;
  box-shadow:0 8px 26px rgba(24,33,29,.035);
  isolation:isolate;
  container-type:inline-size;
  container-name:wctd-purchase;
}
.wctd-box,.wctd-box *{box-sizing:border-box}
.wctd-box button,.wctd-box input,.wctd-box select{font:inherit}
.wctd-content[hidden],.wctd-awaiting[hidden],.wctd-nudge[hidden],.wctd-summary-row[hidden],.wctd-variation-picker[hidden]{display:none!important}

/* --------------------------------------------------------------------------
 * Variation selector
 * ----------------------------------------------------------------------- */
.wctd-variation-picker{display:grid;gap:11px;margin:0 0 14px}
.wctd-variation-group{display:grid;gap:8px}
.wctd-variation-label{font-size:12.5px;line-height:1.5;font-weight:780;color:#28302d;text-align:right}
.wctd-variation-chips{display:flex;flex-wrap:wrap;gap:9px;direction:rtl}
.wctd-variation-chip{
  min-width:64px;
  min-height:38px;
  padding:7px 17px;
  border:1px solid #dfe4e1!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#343c38!important;
  box-shadow:0 2px 7px rgba(24,33,29,.035)!important;
  outline:0;
  cursor:pointer;
  font-size:12.5px;
  line-height:1;
  font-weight:760;
  transform:translateY(0);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.wctd-variation-chip.is-selected,.wctd-variation-chip[aria-pressed="true"]{
  border-color:var(--wctd-accent)!important;
  background:var(--wctd-accent)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(229,47,47,.18)!important;
}
.wctd-variation-chip.is-disabled{opacity:.34;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){
  .wctd-variation-chip:not(.is-disabled):not(.is-selected):hover{border-color:#efaaa5!important;background:#fff8f7!important;color:#c92e2a!important}
  .wctd-variation-chip.is-selected:hover,.wctd-variation-chip[aria-pressed="true"]:hover{background:var(--wctd-accent-hover)!important;border-color:var(--wctd-accent-hover)!important}
}
.wctd-variation-chip:active:not(.is-disabled){transform:translateY(1px)}
.wctd-variation-chip:focus-visible,.wctd-tier-row:focus-visible,.wctd-negotiate-strip a:focus-visible{outline:3px solid rgba(229,47,47,.18)!important;outline-offset:2px}
.wctd-variation-chips-ready table.variations{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.wctd-variation-chips-ready .reset_variations{display:none!important}
.wctd-actions-mounted .single_variation_wrap>.woocommerce-variation.single_variation{display:none!important}
.wctd-awaiting{margin:0 0 12px;padding:10px 12px;border:1px solid #ece9e7;border-radius:13px;background:#fbfcfb;color:#777d7a;font-size:10.5px;line-height:1.8;text-align:center}

/* --------------------------------------------------------------------------
 * STRICT Vertical Stacked Pricing Tier Cards
 * ----------------------------------------------------------------------- */
.wctd-layout-stacked .wctd-tier-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.wctd-layout-stacked .wctd-tier-row{
  /* Layout itself is LTR only to guarantee physical column positions. */
  direction:ltr!important;
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 13px!important;
  display:grid!important;
  grid-template-columns:minmax(104px,124px) 58px minmax(0,1fr) 22px!important;
  grid-template-areas:"value discount meta radio"!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:10px!important;
  row-gap:0!important;
  border:1px solid var(--wctd-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  color:var(--wctd-text)!important;
  box-shadow:0 2px 9px rgba(24,33,29,.025)!important;
  text-align:initial!important;
  overflow:hidden!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.wctd-layout-stacked .wctd-tier-row:last-child{margin-bottom:0!important}
.wctd-layout-stacked .wctd-tier-row.is-recommended{background:#fffdfc!important;border-color:#efdfdb!important}
.wctd-layout-stacked .wctd-tier-row.is-active{background:var(--wctd-accent-soft)!important;border-color:var(--wctd-accent-border)!important;box-shadow:0 0 0 1px rgba(229,47,47,.025),0 3px 11px rgba(70,27,24,.035)!important}
.wctd-layout-stacked .wctd-tier-row.is-active.is-recommended{background:#fff4f2!important;border-color:#ee7971!important}
@media (hover:hover) and (pointer:fine){.wctd-layout-stacked .wctd-tier-row:hover{border-color:#dadddb!important;transform:translateY(-1px)}}

/* 1) Far-right radio: fixed vertical rail. */
.wctd-layout-stacked .wctd-tier-radio{
  grid-area:radio!important;
  justify-self:end!important;
  align-self:center!important;
  width:21px!important;
  height:21px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1.5px solid #cfd5d2!important;
  border-radius:50%!important;
  background:#fff!important;
  direction:rtl!important;
}
.wctd-layout-stacked .wctd-tier-radio i{width:9px!important;height:9px!important;border-radius:50%!important;background:transparent!important;display:block!important}
.wctd-layout-stacked .wctd-tier-row.is-active .wctd-tier-radio{border-color:var(--wctd-accent)!important}
.wctd-layout-stacked .wctd-tier-row.is-active .wctd-tier-radio i{background:var(--wctd-accent)!important}

/* 2) Tier title/range/recommendation: one strict right-aligned column. */
.wctd-layout-stacked .wctd-tier-meta{
  grid-area:meta!important;
  min-width:0!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-rows:19px 16px 17px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:end!important;
  gap:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.wctd-layout-stacked .wctd-tier-title{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#222a26!important;
  font-size:13.5px!important;
  line-height:19px!important;
  font-weight:820!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.wctd-layout-stacked .wctd-tier-name-text{display:block!important;width:100%!important;text-align:right!important;white-space:nowrap!important}
.wctd-layout-stacked .wctd-tier-meta>small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#818784!important;
  font-size:9.5px!important;
  line-height:16px!important;
  font-weight:500!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.wctd-layout-stacked .wctd-recommended-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  align-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:17px!important;
  margin:0!important;
  padding:2px 6px!important;
  border-radius:7px!important;
  background:#ffe9e6!important;
  color:#d43a34!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:780!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
/* 3) Discount: fixed center rail. Empty discount still reserves its column. */
.wctd-layout-stacked .wctd-tier-discount{
  grid-area:discount!important;
  justify-self:center!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  max-width:54px!important;
  min-height:23px!important;
  margin:0!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  background:#fff0ee!important;
  color:#d83c35!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
.wctd-layout-stacked .wctd-tier-discount.is-empty{visibility:hidden!important;display:inline-flex!important}

/* 4) Price: fixed physical-left rail. */
.wctd-layout-stacked .wctd-tier-value{
  grid-area:value!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  gap:2px!important;
  direction:rtl!important;
  text-align:left!important;
}
.wctd-layout-stacked .wctd-tier-value strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#1f2623!important;
  font-size:14.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.wctd-layout-stacked .wctd-tier-value small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#8a908d!important;
  font-size:8.5px!important;
  line-height:1.35!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* --------------------------------------------------------------------------
 * Nudge + summary
 * ----------------------------------------------------------------------- */
.wctd-nudge{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:9px;padding:8px 10px;border:1px solid #f3e4c6;border-radius:12px;background:var(--wctd-warm);color:#6f6657;font-size:10px;line-height:1.65;text-align:center}
.wctd-nudge strong,.wctd-nudge b{color:#c74735;font-weight:790}
.wctd-summary{margin-top:9px;overflow:hidden;border:1px solid #e7ebe8;border-radius:15px;background:#fff;box-shadow:0 2px 8px rgba(24,33,29,.018)}
.wctd-summary-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;color:#4d5652;font-size:10.5px;line-height:1.6}
.wctd-summary-row+.wctd-summary-row{border-top:1px solid #edf0ee}
.wctd-summary-side{display:flex;align-items:center;gap:7px;min-width:0}
.wctd-summary-side.is-label{color:#626a67;font-weight:650}
.wctd-summary-side.is-value{margin-inline-start:auto;color:#222a26}
.wctd-summary-label{white-space:nowrap}
.wctd-summary-value{color:#202824;font-size:11.5px;font-weight:820;line-height:1.4;white-space:nowrap}
.wctd-summary-inline-unit{color:#7f8683;font-size:9px;white-space:nowrap}
.wctd-summary-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#707976}
.wctd-summary-row.is-saving,.wctd-summary-row.is-saving .wctd-summary-side.is-label,.wctd-summary-row.is-saving .wctd-summary-icon,.wctd-summary-row.is-saving .wctd-summary-value{color:var(--wctd-green)}

/* --------------------------------------------------------------------------
 * Purchase actions. Physical positions are locked regardless of page RTL:
 * CTA LEFT | stepper RIGHT.
 * ----------------------------------------------------------------------- */
.wctd-purchase-actions{margin-top:11px;width:100%}
.wctd-core-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(190px,1fr) 118px!important;grid-template-rows:50px!important;gap:10px!important;align-items:stretch!important;direction:ltr!important;margin:0!important;padding:0!important;float:none!important}
.wctd-core-actions .single_add_to_cart_button{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:14px!important;background:var(--wctd-accent)!important;color:#fff!important;box-shadow:none!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;direction:rtl!important;font-size:13px!important;line-height:1.2!important;font-weight:820!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;transition:background-color .15s ease,transform .15s ease,opacity .15s ease!important}
.wctd-core-actions .single_add_to_cart_button:hover{background:var(--wctd-accent-hover)!important}
.wctd-core-actions .single_add_to_cart_button:active{transform:translateY(1px)}
.wctd-core-actions .single_add_to_cart_button.disabled,.wctd-core-actions .single_add_to_cart_button:disabled{opacity:.45!important;cursor:not-allowed!important}
.wctd-core-actions .quantity{grid-column:2!important;grid-row:1!important;width:118px!important;height:50px!important;min-width:118px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:32px minmax(46px,1fr) 32px!important;align-items:stretch!important;border:1px solid #e0e4e2!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;float:none!important;direction:ltr!important}
.wctd-core-actions .quantity .qty{grid-column:2!important;width:100%!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 2px!important;border:0!important;border-right:1px solid #ecefed!important;border-left:1px solid #ecefed!important;border-radius:0!important;background:#fff!important;color:#28302c!important;box-shadow:none!important;text-align:center!important;font-size:12.5px!important;font-weight:760!important;-moz-appearance:textfield}
.wctd-core-actions .quantity .qty::-webkit-outer-spin-button,.wctd-core-actions .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wctd-core-actions .quantity button,.wctd-core-actions .quantity .plus,.wctd-core-actions .quantity .minus{width:32px!important;height:48px!important;min-width:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#303834!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:550!important;line-height:1!important;cursor:pointer!important}
.wctd-core-actions .quantity .minus,.wctd-core-actions .quantity .wctd-qty-minus{grid-column:1!important;grid-row:1!important}
.wctd-core-actions .quantity .plus,.wctd-core-actions .quantity .wctd-qty-plus{grid-column:3!important;grid-row:1!important}
.wctd-core-actions .quantity label.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.wctd-negotiate-strip{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px;padding:8px 9px 8px 11px;border:1px solid #f1d9d5;border-radius:13px;background:#fff9f8;color:#5e6461;font-size:9.5px;line-height:1.65}
.wctd-negotiate-strip span{min-width:0}.wctd-negotiate-strip a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:60px;min-height:32px;padding:0 11px;border:1px solid #f0a9a3;border-radius:10px;background:#fff;color:#d63832!important;text-decoration:none!important;box-shadow:none!important;font-size:9.5px;font-weight:780;white-space:nowrap}
.wctd-cart-badge{display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:999px;background:#edf8f2;color:#277a51;font-size:10px;font-weight:700}

/* Graceful no-tier state. */
.wctd-content.is-no-tier [data-wctd-tier-list],.wctd-content.is-no-tier [data-wctd-nudge],.wctd-content.is-no-tier [data-wctd-summary],.wctd-content.is-no-tier [data-wctd-negotiate]{display:none!important}
.wctd-content.is-no-tier .wctd-purchase-actions{margin-top:8px}

/* --------------------------------------------------------------------------
 * Component-width responsiveness. Same stacked-card grammar; tighter numbers.
 * ----------------------------------------------------------------------- */
@container wctd-purchase (max-width:520px){
  .wctd-box{padding:13px;border-radius:21px}
  .wctd-variation-picker{margin-bottom:12px}
  .wctd-variation-chips{gap:8px}
  .wctd-variation-chip{min-width:58px;min-height:36px;padding:6px 14px;font-size:11.5px}
  .wctd-layout-stacked .wctd-tier-list{gap:7px!important}
  .wctd-layout-stacked .wctd-tier-row{min-height:72px!important;padding:8px 9px!important;grid-template-columns:92px 42px minmax(0,1fr) 20px!important;column-gap:6px!important;border-radius:15px!important}
  .wctd-layout-stacked .wctd-tier-radio{width:20px!important;height:20px!important}.wctd-layout-stacked .wctd-tier-radio i{width:8px!important;height:8px!important}
  .wctd-layout-stacked .wctd-tier-meta{min-height:49px!important;grid-template-rows:18px 15px 16px!important}
  .wctd-layout-stacked .wctd-tier-title{font-size:12px!important;line-height:18px!important}.wctd-layout-stacked .wctd-tier-meta>small{font-size:8.8px!important;line-height:15px!important}.wctd-layout-stacked .wctd-recommended-badge{min-height:16px!important;padding:2px 5px!important;font-size:7.5px!important}
  .wctd-layout-stacked .wctd-tier-discount{min-width:35px!important;max-width:40px!important;min-height:21px!important;padding:3px 4px!important;font-size:8px!important}
  .wctd-layout-stacked .wctd-tier-value strong{font-size:12.5px!important}.wctd-layout-stacked .wctd-tier-value small{font-size:8px!important}
  .wctd-summary-row{min-height:44px;padding:8px 10px;font-size:9.5px}.wctd-summary-value{font-size:10.5px}
  .wctd-core-actions{grid-template-columns:minmax(0,1fr) 106px!important;grid-template-rows:48px!important;gap:8px!important}
  .wctd-core-actions .single_add_to_cart_button{height:48px!important;min-height:48px!important;padding-inline:10px!important;font-size:11.8px!important;border-radius:12px!important}
  .wctd-core-actions .quantity{width:106px!important;min-width:106px!important;height:48px!important;grid-template-columns:30px minmax(44px,1fr) 30px!important;border-radius:12px!important}.wctd-core-actions .quantity .qty{height:46px!important;font-size:11.5px!important}.wctd-core-actions .quantity button,.wctd-core-actions .quantity .plus,.wctd-core-actions .quantity .minus{width:30px!important;min-width:30px!important;height:46px!important;font-size:16px!important}
}

@container wctd-purchase (max-width:360px){
  .wctd-box{padding-inline:10px}
  .wctd-layout-stacked .wctd-tier-row{grid-template-columns:86px 38px minmax(0,1fr) 19px!important;column-gap:5px!important;padding-inline:7px!important}
  .wctd-layout-stacked .wctd-tier-title{font-size:11.5px!important}.wctd-layout-stacked .wctd-tier-meta>small{font-size:8.4px!important}.wctd-layout-stacked .wctd-tier-value strong{font-size:11.9px!important}.wctd-layout-stacked .wctd-tier-discount{min-width:33px!important;max-width:36px!important;font-size:7.5px!important}
  .wctd-core-actions{grid-template-columns:minmax(0,1fr) 100px!important;gap:7px!important}.wctd-core-actions .single_add_to_cart_button{font-size:10.8px!important;padding-inline:7px!important}.wctd-core-actions .quantity{width:100px!important;min-width:100px!important}
}

@media (prefers-reduced-motion:reduce){.wctd-box *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* --------------------------------------------------------------------------
 * v6.5 polish pass — structure is frozen; only state clarity and finish change.
 * ----------------------------------------------------------------------- */

/* Variation chips: selected must unmistakably read as the active choice even
   when the theme styles WooCommerce buttons aggressively. */
.wctd-box .wctd-variation-chip.is-selected,
.wctd-box .wctd-variation-chip[aria-pressed="true"]{
  background-color:var(--wctd-accent)!important;
  background-image:none!important;
  border-color:var(--wctd-accent)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(229,47,47,.17)!important;
}
.wctd-box .wctd-variation-chip.is-selected .wctd-chip-label,
.wctd-box .wctd-variation-chip[aria-pressed="true"] .wctd-chip-label{color:#fff!important}
.wctd-chip-label{display:block;line-height:1.1;white-space:nowrap}
.wctd-variation-chip.is-out-of-stock{
  min-height:43px;
  display:inline-flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border-color:#e5e7e6!important;
  background:#f7f8f7!important;
  color:#8b918e!important;
  box-shadow:none!important;
  opacity:1!important;
}
.wctd-variation-chip.is-out-of-stock .wctd-chip-label{text-decoration:line-through;text-decoration-thickness:1px}
.wctd-chip-status{display:block;margin:0;color:#a16864;font-size:7.5px;line-height:1;font-weight:650;white-space:nowrap}

/* Tier surfaces: same frozen four-column grid, only more deliberate borders
   and state contrast. */
.wctd-layout-stacked .wctd-tier-row{
  border-color:#e4e8e6!important;
  box-shadow:0 2px 8px rgba(24,33,29,.022)!important;
}
.wctd-layout-stacked .wctd-tier-row.is-recommended{
  background:#fffdfc!important;
  border-color:#f0d7d3!important;
  box-shadow:0 2px 9px rgba(90,45,40,.026)!important;
}
.wctd-layout-stacked .wctd-tier-row.is-active{
  background:#fff8f7!important;
  border-color:#ef817a!important;
  box-shadow:0 0 0 1px rgba(229,47,47,.028),0 4px 13px rgba(75,31,28,.038)!important;
}
.wctd-layout-stacked .wctd-tier-row.is-active.is-recommended{
  background:#fff6f4!important;
  border-color:#e85e56!important;
}
.wctd-layout-stacked .wctd-recommended-badge{
  border:1px solid #ffd2cd!important;
  background:#fff0ee!important;
  color:#cf342f!important;
  box-shadow:0 1px 2px rgba(207,52,47,.025)!important;
}
.wctd-layout-stacked .wctd-tier-row.is-active .wctd-tier-radio{
  border-color:var(--wctd-accent)!important;
  box-shadow:0 0 0 3px rgba(229,47,47,.055)!important;
}

/* Nudge: warmer but restrained. It remains secondary to the CTA. */
.wctd-nudge{
  border-color:#f0dfbd!important;
  background:#fffaf0!important;
  color:#6b6357!important;
}
.wctd-nudge strong{color:#a84935!important}
.wctd-nudge b{color:#c43b31!important}

@container wctd-purchase (max-width:520px){
  .wctd-variation-chip.is-out-of-stock{min-height:39px;padding-top:5px;padding-bottom:5px}
  .wctd-chip-status{font-size:7px}
}