/* SOLD OUT — red diagonal ribbon across the product photo (owner, 2.10.2026).
   Drawn as ::after on the photo box so no older badge rule can move it; the small corner badge is hidden. */
.card--sold .sold-badge { display: none !important; }
.card--sold .card__media, html body #main .card.card--sold .card__media { position: relative !important; overflow: hidden !important; }
.card--sold .card__media::after, html body #main .card.card--sold .card__media::after, html body #main .grid--compact .card.card--sold .card__media::after {
  content: 'SOLD OUT' !important; display: block !important; opacity: 1 !important; height: auto !important; left: auto !important; bottom: auto !important;
  /* small sash across the top-right corner (the heart sits top-left), so the product itself stays the star (owner, 2.10.2026) */
  position: absolute !important; z-index: 4; top: 16px !important; right: -38px !important; width: 140px !important;
  transform: rotate(45deg);
  padding: .3em 0;
  background: linear-gradient(90deg, #8E0E12, #D7262C 50%, #8E0E12);
  color: #fff; text-align: center; white-space: nowrap;
  border-top: 1px solid rgba(255, 255, 255, .85); border-bottom: 1px solid rgba(255, 255, 255, .85);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
  font: 800 .62rem/1 'Cinzel', 'Heebo', serif; letter-spacing: .18em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  pointer-events: none;
}
html body #main .grid--compact .card.card--sold .card__media::after { font-size: .52rem; top: 11px !important; right: -34px !important; width: 116px !important; }
/* sold-out products show their full photo, same as every other product */
.card--sold .card__media img, html body #main .card.card--sold .card__media img { opacity: 1 !important; filter: none !important; }
.swatch[data-sold] { opacity: 1 !important; }

/* product page: the same red look for the tag above the "notify me" form */
.restock { position: relative; overflow: hidden; border-color: #D7262C !important; }
.restock__tag {
  justify-self: stretch !important; text-align: center;
  padding: .5em 0 !important; margin: -14px -14px 6px;
  background: linear-gradient(90deg, #8E0E12, #D7262C 50%, #8E0E12) !important;
  color: #fff !important; font: 800 1.35rem/1 'Cinzel', 'Heebo', serif !important; letter-spacing: .35em;
}

/* LOGO-GREEN "add to cart" with a thin gold frame — every add-to-cart button on every product and category (owner, 2.10.2026).
   Very specific selectors so they win over the older dark-teal button rules. Sold-out cards keep their dark "notify me" button. */
html body .card:not(.card--sold) .card__quick, html body #main .card:not(.card--sold) .card__quick, html body #main .grid--compact .card:not(.card--sold) .card__quick,
html body #add-btn:not(:disabled), html body #main #add-btn:not(:disabled),
html body [data-action="add-combo"], html body #main [data-action="add-combo"],
html body [data-action="add"]:not(:disabled), html body #main [data-action="add"]:not(:disabled) {
  background: linear-gradient(180deg, #24525D, #11313A) !important; background-image: linear-gradient(180deg, #24525D, #11313A) !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #C9A468 !important; box-shadow: inset 0 0 0 1px rgba(232, 207, 152, .35), 0 3px 9px rgba(17, 49, 58, .28) !important;
}
html body .card:not(.card--sold) .card__quick:hover, html body #add-btn:not(:disabled):hover, html body [data-action="add-combo"]:hover {
  background: linear-gradient(180deg, #2C6370, #163C46) !important; background-image: linear-gradient(180deg, #2C6370, #163C46) !important;
}

/* products stand alone on the page — no tile, frame or background behind any product, in every category */
html body #main .card, html body #main .card:hover, html body #main .card__media, html body #main .card__media a, html body #main .card__body {
  background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; border-radius: 0 !important;
}
html body #main .card__media img { mix-blend-mode: multiply; }

/* coupon code box at checkout (owner, 4.10.2026 — אסתר5) */
.coupon-box { margin-top: 16px; padding: 14px; border: 1px dashed #C9A468; border-radius: 12px; background: #FBF6EC; }
.coupon-box label { display: block; font-weight: 700; color: #11313A; margin-bottom: 8px; }
.coupon-box__row { display: flex; gap: 8px; }
.coupon-box__row input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid #d9cdb8; border-radius: 10px; font: inherit; background: #fff; }
.coupon-box__row .btn { flex: none; }
.coupon-box__msg { display: block; min-height: 1.2em; margin-top: 6px; color: #24525D; font-weight: 600; }