.view-offer-discount {background: var(--color-white);}
.view-offer-discount__card {position: relative;display: grid;grid-template-columns: minmax(0, 59%) minmax(140px, 19%) minmax(170px, 20%);align-items: center;gap: 24px;overflow: hidden;min-height: 180px;padding: 26px 80px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 12px;background-color: rgba(189, 210, 59, 0.04);}
.view-offer-discount__card::before {position: absolute;inset: 0;content: "";background-image: repeating-linear-gradient(155deg, rgba(189, 210, 59, 0.08) 0 1px, transparent 1px 22px);opacity: 0.42;pointer-events: none;}
.view-offer-discount__content, .view-offer-discount__actions, .view-offer-discount__discount {position: relative;z-index: 1;}
.view-offer-discount__eyebrow {display: flex;align-items: center;gap: 6px;margin: 0 0 14px;color: #000;font-size: 12px;font-weight: 500;line-height: 1.33em;letter-spacing: 1px;text-transform: uppercase;}
.view-offer-discount__eyebrow::before {width: 20px;height: 1px;content: "";background: currentColor;}
.view-offer-discount__heading {margin: 0;}
.view-offer-discount__description {max-width: 610px;margin-top: 14px;color: rgba(0, 0, 0, 0.8);font-size: 18px;line-height: 1.35em;}
.view-offer-discount__description p {margin: 0;}
.view-offer-discount__actions {display: grid;gap: 12px;justify-items: stretch;}
.view-offer-discount__button {min-height: 48px;text-decoration: none;}
.view-offer-discount__button--secondary {display: inline-flex;align-items: center;justify-content: center;border: 1px solid #000;border-radius: 999px;background: var(--color-white);color: #000;font-weight: 600;line-height: 1.125em;transition: 0.4s ease-in-out; padding: 14px 25px;}
.view-offer-discount__button--secondary:hover {background: #000;color: var(--color-white);text-decoration: none;}
.view-offer-discount__button:focus-visible {outline: 3px solid rgba(189, 210, 59, 0.35);outline-offset: 3px;}
.view-offer-discount__discount {justify-self: end;color: #000;}
.view-offer-discount__discount-prefix {margin: 0px 0 10px;font-size: clamp(22px, 2.3vw, 32px);font-weight: 600;line-height: 1.05em;}
.view-offer-discount__discount-main {display: flex;gap: 5px;color: var(--color-theme);}
.view-offer-discount__discount-value {font-size: clamp(72px, 6.4vw, 100px);font-weight: 800;line-height: 0.82em;letter-spacing: -1px;color: #91A41C;}
.view-offer-discount__discount-meta {display: flex;flex-direction: column;color: #000;font-weight: 800;line-height: 1; justify-content: center; gap: 5px;}
.view-offer-discount__discount-symbol {color: #91A41C;font-size: clamp(28px, 2.8vw, 38px);font-weight: 800;}
.view-offer-discount__discount-suffix {font-size: clamp(22px, 2vw, 28px);}

@media (max-width: 1199px) {
	.view-offer-discount__card{padding: 20px 30px; grid-template-columns: minmax(0, 50%) minmax(140px, 22%) minmax(170px, 18%);}
}


@media (max-width: 991px) {
	.view-offer-discount__card {grid-template-columns: minmax(0, 1fr) minmax(170px, auto);min-height: 0;padding: 28px;gap: 24px;}
	.view-offer-discount__content {grid-column: 1 / -1;}
	.view-offer-discount__actions {justify-self: start;width: min(100%, 180px); display: flex; width: auto;}
	.view-offer-discount__discount {justify-self: end;}
}

@media (max-width: 767px) {
	.view-offer-discount__card {display: flex;flex-direction: column;align-items: flex-start;padding: 24px 20px;gap: 22px;}
	.view-offer-discount__actions {width: 100%;display: flex;flex-wrap: wrap;}
	.view-offer-discount__button {flex: 1 1 190px;}
	.view-offer-discount__discount {align-self: center;}
	.view-offer-discount__description{font-size: 16px;}
}