.qm-home-coupon-section {
	margin-bottom: 1.25rem !important;
}

.qm-home-coupon-module {
	--qm-home-coupon-shell-surface: #ffffff;
	--qm-home-coupon-shell-radius: 14px;
	--qm-home-coupon-card-radius: 10px;
	--qm-home-coupon-control-radius: 10px;
	--qm-home-coupon-tabs-radius: 999px;
	--qm-home-coupon-tab-radius: 999px;
	position: relative;
	padding: 0.95rem 1rem 0.9rem;
	border: 0;
	border-radius: var(--qm-home-coupon-shell-radius);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 253, 255, 0.94)),
		linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(250, 251, 255, 0.86));
	background-clip: padding-box;
	box-shadow: none;
	isolation: isolate;
	overflow: hidden;
}

.qm-home-coupon-module::before,
.qm-home-coupon-module::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.qm-home-coupon-module::before {
	z-index: 0;
	background:
		radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.96), transparent 28%),
		radial-gradient(circle at 84% 14%, rgba(255, 255, 255, 0.7), transparent 24%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.3));
	opacity: 0.94;
}

.qm-home-coupon-module::after {
	z-index: 0;
	background:
		radial-gradient(circle at 14% 78%, rgba(255, 170, 194, 0.12), transparent 26%),
		radial-gradient(circle at 88% 74%, rgba(104, 153, 255, 0.12), transparent 24%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.48));
	opacity: 0.95;
}

.qm-home-coupon-module > * {
	position: relative;
	z-index: 1;
}

.qm-home-coupon-module__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.7rem;
	margin-bottom: 0.9rem;
}

.qm-home-coupon-module__head-main {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 0.55rem;
	min-width: 0;
}

.qm-home-coupon-module__title {
	margin: 0;
	color: var(--qm-text-primary, #111827);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.qm-home-coupon-module__tabs {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.25rem;
	max-width: 100%;
	padding: 0.26rem;
	border: 1px solid rgba(225, 231, 241, 0.92);
	border-radius: var(--qm-home-coupon-tabs-radius);
	background: rgba(255, 255, 255, 0.76);
	background-clip: padding-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		0 6px 16px rgba(148, 163, 184, 0.1);
	overflow-y: hidden;
	overflow-x: auto;
	scrollbar-width: none;
}

.qm-home-coupon-module__tabs::-webkit-scrollbar {
	display: none;
}

.qm-home-coupon-module__tab {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0.38rem 0.9rem;
	border: 1px solid transparent;
	border-radius: var(--qm-home-coupon-tab-radius);
	background: transparent;
	color: var(--qm-text-secondary, #4b5563);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition:
		border-color var(--qm-transition-fast, 0.2s ease),
		background-color var(--qm-transition-fast, 0.2s ease),
		color var(--qm-transition-fast, 0.2s ease),
		box-shadow var(--qm-transition-fast, 0.2s ease),
		transform var(--qm-transition-fast, 0.2s ease);
}

.qm-home-coupon-module__tab:hover {
	border-color: rgba(255, 255, 255, 0.92);
	background: rgba(255, 255, 255, 0.6);
	color: var(--qm-text-primary, #111827);
	transform: translateY(-1px);
}

.qm-home-coupon-module__tab.is-active,
.qm-home-coupon-module__tab[aria-selected="true"] {
	border-color: rgba(237, 239, 245, 0.95);
	background: rgba(255, 255, 255, 0.98);
	color: #ff2f80;
	box-shadow:
		0 8px 16px rgba(255, 78, 130, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.qm-home-coupon-module__action {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-shrink: 0;
	padding-top: 0.1rem;
	color: #626c7f;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	transition:
		color var(--qm-transition-fast, 0.2s ease),
		transform var(--qm-transition-fast, 0.2s ease);
}

.qm-home-coupon-module__action:hover {
	color: var(--qm-text-primary, #111827);
	transform: translateX(1px);
}

.qm-home-coupon-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

.qm-home-coupon-card {
	--qm-home-coupon-tone: #ff5c93;
	--qm-home-coupon-tone-deep: #ff3374;
	--qm-home-coupon-tone-contrast: #ffffff;
	--qm-home-coupon-soft: rgba(255, 92, 147, 0.12);
	--qm-home-coupon-border: rgba(255, 92, 147, 0.24);
	--qm-home-coupon-divider: rgba(255, 92, 147, 0.2);
	--qm-home-coupon-card-image-light: none;
	--qm-home-coupon-card-image-dark: none;
	--qm-home-coupon-card-image: var(--qm-home-coupon-card-image-light);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 251, 0.92));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(64, 40, 51, 0.98), rgba(41, 25, 35, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(255, 92, 147, 0.62),
		0 5px 12px rgba(255, 92, 147, 0.16);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(255, 92, 147, 0.68),
		0 7px 14px rgba(255, 92, 147, 0.18);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	min-width: 0;
	min-height: 206px;
	padding: 0.75rem 0.8rem 0.8rem;
	border: 1px solid var(--qm-home-coupon-border);
	border-radius: var(--qm-home-coupon-card-radius);
	background: var(--qm-home-coupon-card-base);
	box-shadow:
		0 18px 30px -24px rgba(148, 163, 184, 0.36),
		0 6px 18px rgba(15, 23, 42, 0.05);
	overflow: hidden;
	transition:
		transform var(--qm-transition-fast, 0.2s ease),
		box-shadow var(--qm-transition-fast, 0.2s ease);
}

.qm-home-coupon-card::before,
.qm-home-coupon-card::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.qm-home-coupon-card::before {
	background-image: var(--qm-home-coupon-card-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.94;
}

.qm-home-coupon-card::after {
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: inherit;
	opacity: 0.9;
}

.qm-home-coupon-card > * {
	position: relative;
	z-index: 1;
}

.qm-home-coupon-card:hover {
	transform: translateY(-2px);
	box-shadow:
		0 22px 32px -24px rgba(148, 163, 184, 0.42),
		0 8px 20px rgba(15, 23, 42, 0.06);
}

.qm-home-coupon-card[data-style="warm"] {
	--qm-home-coupon-tone: #ff5c93;
	--qm-home-coupon-tone-deep: #ff3374;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-warm-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-warm-dark-v1.webp");
	--qm-home-coupon-soft: rgba(255, 92, 147, 0.12);
	--qm-home-coupon-border: rgba(255, 92, 147, 0.24);
	--qm-home-coupon-divider: rgba(255, 92, 147, 0.2);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 246, 249, 0.92));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(66, 42, 54, 0.98), rgba(43, 26, 37, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(255, 92, 147, 0.62),
		0 5px 12px rgba(255, 92, 147, 0.16);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(255, 92, 147, 0.68),
		0 7px 14px rgba(255, 92, 147, 0.18);
}

.qm-home-coupon-card[data-style="amber"] {
	--qm-home-coupon-tone: #ff8e16;
	--qm-home-coupon-tone-deep: #ffb033;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-amber-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-amber-dark-v1.webp");
	--qm-home-coupon-soft: rgba(255, 138, 22, 0.1);
	--qm-home-coupon-border: rgba(255, 138, 22, 0.2);
	--qm-home-coupon-divider: rgba(255, 138, 22, 0.18);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 240, 0.92));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(72, 51, 29, 0.98), rgba(48, 34, 18, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(255, 138, 22, 0.68),
		0 5px 12px rgba(255, 138, 22, 0.18);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(255, 138, 22, 0.72),
		0 7px 14px rgba(255, 138, 22, 0.2);
}

.qm-home-coupon-card[data-style="sky"] {
	--qm-home-coupon-tone: #437fff;
	--qm-home-coupon-tone-deep: #2f69ea;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-sky-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-sky-dark-v1.webp");
	--qm-home-coupon-soft: rgba(59, 130, 246, 0.1);
	--qm-home-coupon-border: rgba(61, 132, 255, 0.2);
	--qm-home-coupon-divider: rgba(59, 130, 246, 0.18);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 247, 255, 0.93));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(38, 50, 78, 0.98), rgba(23, 33, 58, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(61, 132, 255, 0.68),
		0 5px 12px rgba(61, 132, 255, 0.18);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(61, 132, 255, 0.72),
		0 7px 14px rgba(61, 132, 255, 0.2);
}

.qm-home-coupon-card[data-style="emerald"] {
	--qm-home-coupon-tone: #22c58f;
	--qm-home-coupon-tone-deep: #12b07c;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-emerald-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-emerald-dark-v1.webp");
	--qm-home-coupon-soft: rgba(34, 197, 143, 0.12);
	--qm-home-coupon-border: rgba(34, 197, 143, 0.22);
	--qm-home-coupon-divider: rgba(34, 197, 143, 0.18);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 255, 250, 0.92));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(31, 63, 54, 0.98), rgba(21, 43, 37, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(34, 197, 143, 0.64),
		0 5px 12px rgba(34, 197, 143, 0.16);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(34, 197, 143, 0.68),
		0 7px 14px rgba(34, 197, 143, 0.18);
}

.qm-home-coupon-card[data-style="violet"] {
	--qm-home-coupon-tone: #8d62ff;
	--qm-home-coupon-tone-deep: #7247ef;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-violet-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-violet-dark-v1.webp");
	--qm-home-coupon-soft: rgba(139, 92, 246, 0.1);
	--qm-home-coupon-border: rgba(141, 98, 255, 0.2);
	--qm-home-coupon-divider: rgba(139, 92, 246, 0.18);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 243, 255, 0.93));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(52, 41, 82, 0.98), rgba(34, 25, 59, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(141, 98, 255, 0.68),
		0 5px 12px rgba(141, 98, 255, 0.18);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(141, 98, 255, 0.72),
		0 7px 14px rgba(141, 98, 255, 0.2);
}

.qm-home-coupon-card[data-style="slate"] {
	--qm-home-coupon-tone: #64748b;
	--qm-home-coupon-tone-deep: #566578;
	--qm-home-coupon-card-image-light:
		url("../images/home-coupon/cards/coupon-card-slate-light-v1.webp");
	--qm-home-coupon-card-image-dark:
		url("../images/home-coupon/cards/coupon-card-slate-dark-v1.webp");
	--qm-home-coupon-soft: rgba(100, 116, 139, 0.1);
	--qm-home-coupon-border: rgba(100, 116, 139, 0.18);
	--qm-home-coupon-divider: rgba(100, 116, 139, 0.18);
	--qm-home-coupon-card-base:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 251, 0.93));
	--qm-home-coupon-card-base-dark:
		linear-gradient(180deg, rgba(52, 59, 69, 0.98), rgba(35, 40, 48, 0.96));
	--qm-home-coupon-button-shadow:
		0 14px 24px -18px rgba(100, 116, 139, 0.66),
		0 5px 12px rgba(100, 116, 139, 0.14);
	--qm-home-coupon-button-shadow-hover:
		0 18px 28px -20px rgba(100, 116, 139, 0.68),
		0 7px 14px rgba(100, 116, 139, 0.16);
}

.qm-home-coupon-card__badges {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.qm-home-coupon-card__status,
.qm-home-coupon-card__tag {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 24px;
	padding: 0.2rem 0.55rem;
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.46)),
		var(--qm-home-coupon-soft);
	box-shadow:
		0 6px 10px rgba(255, 255, 255, 0.16),
		0 2px 8px rgba(15, 23, 42, 0.04);
	color: var(--qm-home-coupon-tone);
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.qm-home-coupon-card__status i,
.qm-home-coupon-card__tag i {
	font-size: 10px;
}

.qm-home-coupon-card__tag {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.62)),
		rgba(255, 255, 255, 0.55);
}

.qm-home-coupon-card__hero {
	display: grid;
	grid-template-columns: minmax(72px, 88px) minmax(0, 1fr);
	align-items: center;
	gap: 0.65rem;
}

.qm-home-coupon-card__value {
	display: flex;
	align-items: flex-end;
	color: var(--qm-home-coupon-tone);
	line-height: 1;
}

.qm-home-coupon-card__value-prefix {
	margin-right: 0.15rem;
	font-size: 18px;
	font-weight: 500;
	transform: translateY(-0.2rem);
}

.qm-home-coupon-card__value-amount {
	font-size: clamp(2rem, 3vw, 2.4rem);
	font-weight: 500;
	letter-spacing: 0;
}

.qm-home-coupon-card__value-suffix {
	margin-left: 0.1rem;
	font-size: 20px;
	font-weight: 500;
	transform: translateY(-0.32rem);
}

.qm-home-coupon-card__hero-body {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.qm-home-coupon-card__title {
	margin: 0;
	color: var(--qm-text-primary, #111827);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.qm-home-coupon-card__subtitle {
	margin: 0;
	color: var(--qm-text-secondary, #4b5563);
	font-size: 13px;
	line-height: 1.55;
}

.qm-home-coupon-card__divider {
	display: block;
	width: 100%;
	border-top: 1px dashed var(--qm-home-coupon-divider);
	opacity: 0.92;
}

.qm-home-coupon-card__facts {
	display: grid;
	gap: 0.55rem;
	margin: 0;
}

.qm-home-coupon-card__fact {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	align-items: center;
	gap: 0.5rem;
}

.qm-home-coupon-card__fact dt,
.qm-home-coupon-card__fact dd {
	margin: 0;
	min-width: 0;
}

.qm-home-coupon-card__fact dt {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--qm-text-secondary, #4b5563);
	font-size: 13px;
	line-height: 1.45;
}

.qm-home-coupon-card__fact dt i {
	color: var(--qm-home-coupon-tone);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: var(--qm-home-coupon-soft);
	font-size: 9px;
}

.qm-home-coupon-card__fact dd {
	color: var(--qm-text-secondary, #4b5563);
	font-size: 13px;
	line-height: 1.5;
}

.qm-home-coupon-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	margin-top: auto;
	padding: 0.7rem 2.35rem;
	border: 0;
	border-radius: var(--qm-home-coupon-control-radius);
	background: linear-gradient(90deg, var(--qm-home-coupon-tone), var(--qm-home-coupon-tone-deep));
	box-shadow: var(--qm-home-coupon-button-shadow);
	color: var(--qm-home-coupon-tone-contrast);
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition:
		transform var(--qm-transition-fast, 0.2s ease),
		opacity var(--qm-transition-fast, 0.2s ease),
		filter var(--qm-transition-fast, 0.2s ease),
		box-shadow var(--qm-transition-fast, 0.2s ease);
}

.qm-home-coupon-card__button::before,
.qm-home-coupon-card__button::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.qm-home-coupon-card__button::before {
	inset: 1px 1px auto;
	height: 44%;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
}

.qm-home-coupon-card__button::after {
	content: ">>>";
	right: 0.8rem;
	top: 50%;
	color: rgba(255, 255, 255, 0.76);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	transform: translateY(-50%);
}

.qm-home-coupon-card__button:hover {
	color: var(--qm-home-coupon-tone-contrast);
	opacity: 0.98;
	transform: translateY(-1px);
	box-shadow: var(--qm-home-coupon-button-shadow-hover);
}

.qm-home-coupon-card__button.is-loading,
.qm-home-coupon-card__button[disabled],
.qm-home-coupon-card__button[aria-disabled="true"] {
	opacity: 0.62;
	cursor: not-allowed;
	transform: none;
	filter: saturate(0.72);
	box-shadow: none;
}

.qm-home-coupon-card__button.is-loading::after {
	right: 0.8rem;
	content: "";
	width: 0.7rem;
	height: 0.7rem;
	border: 2px solid rgba(255, 255, 255, 0.38);
	border-top-color: rgba(255, 255, 255, 0.96);
	border-radius: 50%;
	animation: qm-home-coupon-spin 0.8s linear infinite;
	letter-spacing: 0;
	transform: translateY(-50%);
}

.qm-home-coupon-card[data-qm-coupon-state="limit_reached"] .qm-home-coupon-card__button,
.qm-home-coupon-card[data-qm-coupon-state="sold_out"] .qm-home-coupon-card__button {
	background: linear-gradient(90deg, #9ca3af, #94a3b8);
}

@keyframes qm-home-coupon-spin {
	to {
		transform: rotate(360deg);
	}
}

.qm-home-coupon-empty {
	margin-top: 0.8rem;
	padding: 0.8rem;
	border: 1px dashed rgba(209, 216, 227, 0.94);
	border-radius: var(--qm-home-coupon-card-radius);
	background: rgba(255, 255, 255, 0.8);
	color: var(--qm-text-muted, #6b7280);
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

.qm-home-coupon-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 0.9rem;
	border: 1px solid rgba(231, 236, 244, 0.92);
	border-radius: var(--qm-home-coupon-card-radius);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(249, 251, 255, 0.92));
	box-shadow:
		0 12px 24px rgba(190, 198, 214, 0.12),
		0 4px 12px rgba(15, 23, 42, 0.02);
	overflow: hidden;
}

.qm-home-coupon-summary__item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	padding: 0.8rem 0.85rem;
}

.qm-home-coupon-summary__item + .qm-home-coupon-summary__item {
	border-left: 1px solid rgba(232, 237, 245, 0.88);
}

.qm-home-coupon-summary__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: rgba(241, 245, 249, 0.85);
	color: var(--qm-text-secondary, #4b5563);
	font-size: 15px;
}

.qm-home-coupon-summary__item[data-tone="warm"] .qm-home-coupon-summary__icon {
	background: rgba(255, 107, 127, 0.12);
	color: #ff6b7f;
}

.qm-home-coupon-summary__item[data-tone="violet"] .qm-home-coupon-summary__icon {
	background: rgba(139, 92, 246, 0.12);
	color: #8b5cf6;
}

.qm-home-coupon-summary__item[data-tone="emerald"] .qm-home-coupon-summary__icon {
	background: rgba(34, 197, 94, 0.12);
	color: #22c55e;
}

.qm-home-coupon-summary__item[data-tone="sky"] .qm-home-coupon-summary__icon {
	background: rgba(59, 130, 246, 0.12);
	color: #3b82f6;
}

.qm-home-coupon-summary__body {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.qm-home-coupon-summary__body strong {
	color: var(--qm-text-primary, #111827);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.qm-home-coupon-summary__body span {
	color: var(--qm-text-secondary, #4b5563);
	font-size: 13px;
	line-height: 1.5;
}

.dark .qm-home-coupon-module,
html.dark .qm-home-coupon-module,
body.dark .qm-home-coupon-module {
	--qm-home-coupon-shell-surface: var(--qm-bg-dark-700, #34363c);
	background: linear-gradient(180deg, rgba(52, 54, 60, 0.96), rgba(40, 42, 47, 0.94));
	background-clip: padding-box;
	box-shadow: none;
}

.dark .qm-home-coupon-module::before,
html.dark .qm-home-coupon-module::before,
body.dark .qm-home-coupon-module::before {
	opacity: 0.26;
}

.dark .qm-home-coupon-module::after,
html.dark .qm-home-coupon-module::after,
body.dark .qm-home-coupon-module::after {
	background:
		radial-gradient(circle at 12% 78%, rgba(255, 120, 168, 0.08), transparent 24%),
		radial-gradient(circle at 88% 74%, rgba(89, 130, 255, 0.08), transparent 24%),
		linear-gradient(180deg, rgba(23, 23, 26, 0.14), rgba(23, 23, 26, 0.56));
}

.dark .qm-home-coupon-module__tab,
.dark .qm-home-coupon-module__tabs,
.dark .qm-home-coupon-summary,
.dark .qm-home-coupon-empty,
html.dark .qm-home-coupon-module__tab,
html.dark .qm-home-coupon-module__tabs,
html.dark .qm-home-coupon-summary,
html.dark .qm-home-coupon-empty,
body.dark .qm-home-coupon-module__tab,
body.dark .qm-home-coupon-module__tabs,
body.dark .qm-home-coupon-summary,
body.dark .qm-home-coupon-empty {
	background: rgba(255, 255, 255, 0.04);
}

.dark .qm-home-coupon-summary__item + .qm-home-coupon-summary__item,
html.dark .qm-home-coupon-summary__item + .qm-home-coupon-summary__item,
body.dark .qm-home-coupon-summary__item + .qm-home-coupon-summary__item {
	border-left-color: rgba(255, 255, 255, 0.08);
}

.dark .qm-home-coupon-module__tab.is-active,
.dark .qm-home-coupon-module__tab[aria-selected="true"],
html.dark .qm-home-coupon-module__tab.is-active,
html.dark .qm-home-coupon-module__tab[aria-selected="true"],
body.dark .qm-home-coupon-module__tab.is-active,
body.dark .qm-home-coupon-module__tab[aria-selected="true"] {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.dark .qm-home-coupon-card,
html.dark .qm-home-coupon-card,
body.dark .qm-home-coupon-card {
	--qm-home-coupon-card-image: var(
		--qm-home-coupon-card-image-dark,
		var(--qm-home-coupon-card-image-light)
	);
	background: var(--qm-home-coupon-card-base-dark, var(--qm-home-coupon-card-base));
	box-shadow:
		0 16px 28px -24px rgba(15, 23, 42, 0.62),
		0 8px 20px rgba(0, 0, 0, 0.2);
}

.dark .qm-home-coupon-card::before,
html.dark .qm-home-coupon-card::before,
body.dark .qm-home-coupon-card::before {
	opacity: 0.96;
	mix-blend-mode: normal;
}

.dark .qm-home-coupon-card::after,
html.dark .qm-home-coupon-card::after,
body.dark .qm-home-coupon-card::after {
	border-color: rgba(255, 255, 255, 0.12);
	opacity: 1;
}

.dark .qm-home-coupon-card__title,
html.dark .qm-home-coupon-card__title,
body.dark .qm-home-coupon-card__title {
	color: rgba(255, 255, 255, 0.96);
}

.dark .qm-home-coupon-card__subtitle,
.dark .qm-home-coupon-card__fact dt,
.dark .qm-home-coupon-card__fact dd,
html.dark .qm-home-coupon-card__subtitle,
html.dark .qm-home-coupon-card__fact dt,
html.dark .qm-home-coupon-card__fact dd,
body.dark .qm-home-coupon-card__subtitle,
body.dark .qm-home-coupon-card__fact dt,
body.dark .qm-home-coupon-card__fact dd {
	color: rgba(226, 232, 240, 0.86);
}

.dark .qm-home-coupon-card__status,
.dark .qm-home-coupon-card__tag,
html.dark .qm-home-coupon-card__status,
html.dark .qm-home-coupon-card__tag,
body.dark .qm-home-coupon-card__status,
body.dark .qm-home-coupon-card__tag {
	border-color: rgba(255, 255, 255, 0.14);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)),
		var(--qm-home-coupon-soft);
	box-shadow: none;
}

.dark .qm-home-coupon-card__divider,
html.dark .qm-home-coupon-card__divider,
body.dark .qm-home-coupon-card__divider {
	opacity: 0.42;
}

@media (max-width: 1199.98px) {
	.qm-home-coupon-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.qm-home-coupon-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.qm-home-coupon-module {
		padding: 0.8rem 0.75rem;
	}

	.qm-home-coupon-module__head {
		flex-direction: column;
		align-items: stretch;
	}

	.qm-home-coupon-module__head-main {
		align-items: stretch;
	}

	.qm-home-coupon-module__tabs {
		width: 100%;
	}

	.qm-home-coupon-module__action {
		justify-content: flex-end;
	}

	.qm-home-coupon-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.55rem;
	}

	.qm-home-coupon-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.qm-home-coupon-card {
		gap: 0.5rem;
		min-height: 182px;
		padding: 0.65rem;
	}

	.qm-home-coupon-card__badges {
		align-items: flex-start;
		gap: 0.35rem;
	}

	.qm-home-coupon-card__status,
	.qm-home-coupon-card__tag {
		min-height: 22px;
		padding: 0.18rem 0.45rem;
		font-size: 10px;
	}

	.qm-home-coupon-card__hero {
		grid-template-columns: minmax(0, 1fr);
		align-items: flex-start;
		gap: 0.35rem;
	}

	.qm-home-coupon-card__value-prefix {
		font-size: 15px;
	}

	.qm-home-coupon-card__value-amount {
		font-size: clamp(1.7rem, 8vw, 2rem);
	}

	.qm-home-coupon-card__value-suffix {
		font-size: 16px;
	}

	.qm-home-coupon-card__hero-body {
		gap: 0.18rem;
	}

	.qm-home-coupon-card__title {
		font-size: 14px;
		line-height: 1.35;
	}

	.qm-home-coupon-card__subtitle {
		font-size: 12px;
		line-height: 1.45;
	}

	.qm-home-coupon-card__facts {
		gap: 0.4rem;
	}

	.qm-home-coupon-card__fact {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.18rem;
	}

	.qm-home-coupon-card__fact dt,
	.qm-home-coupon-card__fact dd {
		font-size: 12px;
		line-height: 1.45;
	}

	.qm-home-coupon-card__fact dt i {
		width: 14px;
		height: 14px;
		font-size: 8px;
	}

	.qm-home-coupon-card__button {
		min-height: 38px;
		padding: 0.65rem 1.8rem 0.65rem 1.4rem;
		font-size: 14px;
	}

	.qm-home-coupon-card__button::after,
	.qm-home-coupon-card__button.is-loading::after {
		right: 0.6rem;
	}

	.qm-home-coupon-summary__item + .qm-home-coupon-summary__item {
		border-left: 1px solid rgba(232, 237, 245, 0.88);
		border-top: 0;
	}

	.qm-home-coupon-summary__item:nth-child(2n + 1) {
		border-left: 0;
	}

	.qm-home-coupon-summary__item:nth-child(n + 3) {
		border-top: 1px solid rgba(232, 237, 245, 0.88);
	}
}