/* R17: compact paper surface for the existing native product coupon, draft 4358 only.
   No generated labels, altered offer data, visibility toggles or event changes. */
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon {
  --muzz-coupon-paper: #fffdf8;
  --muzz-coupon-ink: #323a2e;
  --muzz-coupon-muted: #626857;
  --muzz-coupon-line: #c9cfbd;
  --muzz-coupon-action: #4d5944;
  display: block;
  width: min(100%, 360px);
  margin: 16px 0 20px;
  font-family: inherit;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-box {
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .item-coupon {
  display: flex;
  align-items: stretch;
  min-height: 84px;
  gap: 0;
  padding: 0;
  background: linear-gradient(135deg, #fffefb 0%, #f8f5ed 100%) !important;
  border: 1px solid var(--muzz-coupon-line) !important;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgb(109 118 83 / 5%), 0 2px 3px rgb(49 58 41 / 7%), 0 8px 18px rgb(49 58 41 / 7%);
  overflow: hidden;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info {
  align-self: center;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  padding: 13px 16px;
  color: var(--muzz-coupon-ink) !important;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info .off {
  display: block;
  font-size: 23px;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: var(--muzz-coupon-ink) !important;
  overflow-wrap: anywhere;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .condition {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--muzz-coupon-muted) !important;
  overflow-wrap: anywhere;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .right-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 112px;
  max-width: 50%;
  padding: 12px 13px;
  background: linear-gradient(180deg, #f3f4ea 0%, #eceedf 100%);
  border-inline-start: 1px solid #dbe0d2;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 84px;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--muzz-coupon-action) !important;
  border-radius: 5px;
  background: linear-gradient(180deg, #57654c 0%, #45533b 100%) !important;
  color: #fffdf8 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 17%), 0 1px 2px rgb(27 36 20 / 12%), 0 3px 6px rgb(27 36 20 / 8%);
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: .015em;
  overflow-wrap: anywhere;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn span { line-height: 1.35; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn .icon-copy { flex: 0 0 auto; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn:hover {
  background: linear-gradient(180deg, #4b5b3e 0%, #3d4b33 100%) !important;
  border-color: #3e4937 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), 0 2px 3px rgb(27 36 20 / 14%), 0 4px 9px rgb(27 36 20 / 10%);
  filter: none;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon :is(.code-btn,.coupon-label):focus-visible {
  outline: 2px solid #687653;
  outline-offset: 3px;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn:disabled { opacity: .6; cursor: wait; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-label {
  margin: 0;
  min-height: 66px;
  padding: 15px 17px;
  gap: 12px;
  border: 1px solid var(--muzz-coupon-line) !important;
  border-radius: 8px;
  background: var(--muzz-coupon-paper) !important;
  color: var(--muzz-coupon-ink) !important;
  box-shadow: 0 2px 8px rgb(49 58 41 / 4%);
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-label .ml-10 { font-size: 15px; font-weight: 500; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-label .icon { width: 21px; height: 21px; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-label .icon-arrow { color: var(--muzz-coupon-action); fill: currentColor; }
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-tag {
  height: auto;
  min-height: 26px;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #d7decc;
  border-radius: 4px;
  background: #f1f3e9;
  color: #46533b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-list {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #d8ddce !important;
  border-radius: 8px;
  background: #fcfbf6 !important;
  box-shadow: 0 4px 14px rgb(49 58 41 / 5%);
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-list .title {
  margin: 0 0 12px;
  color: var(--muzz-coupon-muted);
  font-size: 13px;
  font-weight: 500;
  text-align: start;
}
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon :is(.coupon-item-divider,.left-arrow,.right-arrow),
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info::before,
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info::after,
body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-list::after { display: none; }
@media (max-width: 767px) {
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon { width: 100%; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info { padding: 13px 15px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info .off { font-size: 22px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .right-info { min-width: 106px; padding: 12px 11px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .coupon-list { padding: 10px; }
}
@media (max-width: 359px) {
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info { padding: 12px 11px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .left-info .off { font-size: 20px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .right-info { min-width: 98px; padding: 11px 9px; }
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn { min-width: 80px; padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body#f-theme[data-muzzhome-draft="muzz-v1-4358"] #MainProduct-main product-coupon .code-btn { transition: none; }
}