/* Pre-order (1.10.0, core Duera → Toko): card badge, product page notice, chips in cart/drawer/checkout. */
.product-block .product-image-box {
  position: relative;
}

.duera-card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 5px 11px;
  border-radius: 999px;
  color: #4f0a09;
  background: #fffffff2;
  box-shadow: 0 1px 3px #311b1426;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.02em;
  white-space: nowrap;
  pointer-events: none;
}

/* Notice: product page (per variation), cart summary, checkout shipping */
.duera-preorder {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  color: #311b14;
  background: #f6efe9;
  font-size: 14px;
  line-height: 1.45;
}

.duera-preorder .duera-preorder-icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  color: #4f0a09;
}

.duera-preorder strong {
  display: block;
  color: #4f0a09;
  font-weight: 600;
}

.duera-preorder [data-preorder-note] {
  display: block;
  margin-top: 2px;
  color: #5d4a43;
  font-size: 13px;
}

.duera-pdp .duera-pdp-preorder {
  margin: -6px 0 22px;
}

/* Chip on a line item */
.duera-preorder-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 9px 3px 7px;
  border-radius: 999px;
  color: #4f0a09;
  background: #f6efe9;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
}

.duera-preorder-chip svg {
  flex: none;
  width: 14px;
  height: 14px;
}

/* Cart rows (6px gap) and drawer rows (8px gap) are flex columns: the chip sits in that rhythm. */
.duera-bag .duera-bag-preorder,
.duera-cart-item .duera-cart-preorder {
  align-self: flex-start;
  margin: 0;
}

/* The summary item text is a grid: start-aligned so the chip keeps its own width. */
.duera-co .duera-co-preorder {
  justify-self: start;
  margin-top: 4px;
}

@media (max-width: 767px) {
  /* The phone summary is a bottom bar: the line chips carry the message there. */
  .duera-bag .duera-bag-card .duera-bag-preorder-note {
    display: none;
  }
}