.nf-coupons {
	margin-top: 24px;
	margin-bottom: 24px;
}

.nf-coupons * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.nf-coupons__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.nf-coupon {
	background-color: #15090005;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.nf-coupon__header {
	width: 100%;
	height: 240px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	flex: none;
}

.nf-coupon__header::before {
	content: '';
	top: 0;
	width: 503px;
	height: 61px;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='503' height='61' viewBox='0 0 503 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.28905 20.4046H501.289L502.385 60.3896H2.38473L1.28905 20.4046Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M0.741211 0.41214H500.741L501.015 10.4084H1.01513L0.741211 0.41214Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
	transform: rotate(-45deg);
	pointer-events: none;
}

.nf-coupon__header-sale {
	flex-grow: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	font-family: 'SF', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 48px;
	line-height: 57px;
	text-align: center;
	text-transform: uppercase;

	padding-top: 10px;
	color: rgba(255, 255, 255, 0.95);
}

.nf-coupon__header-devider {
	position: relative;
	width: 100%;
	height: 16px;
	flex: none;
	display: flex;
	align-items: center;
	padding: 0 22px;
	pointer-events: none;
}

.nf-coupon__header-devider::before,
.nf-coupon__header-devider::after {
	content: '';
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 999px;
}
.nf-coupon__header-devider::before {
	left: -8px;
}
.nf-coupon__header-devider::after {
	right: -8px;
}

.nf-coupon__header-devider-line {
	padding: 0 15px;
	display: block;
	width: 100%;
	height: 1px;
	background-image: repeating-linear-gradient(
		to right,
		white 0px,
		white 12px,
		transparent 10px,
		transparent 22px
	);
}

.nf-coupon__header-logo {
	height: 55px;
	width: 100%;
	flex: none;
	padding: 17px 0 0 0;
}

.nf-coupon__header-logo span {
	width: 92px;
	height: 12px;
	display: block;
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg width='92' height='13' viewBox='0 0 92 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85.6228 0.504181C85.4229 0.993222 85.2244 1.48369 85.0231 1.97273C83.6082 5.4046 82.1933 8.83122 80.7785 12.2526C80.6973 12.4499 80.6336 12.4928 80.4178 12.4928H76.5455C76.3224 12.4928 76.2775 12.4528 76.2644 12.2369C76.2108 11.3589 76.1616 10.4795 76.108 9.60149C76.0616 8.82836 76.0133 8.05524 75.9631 7.28212C75.9631 7.24351 75.9718 7.18774 75.9225 7.18202C75.8733 7.1763 75.8791 7.2335 75.866 7.26496C75.1765 8.92751 74.4874 10.5915 73.7988 12.2569C73.709 12.4742 73.6786 12.4943 73.4439 12.4943H69.7816C69.5339 12.4943 69.5194 12.4742 69.6121 12.2497C71.2076 8.39938 72.8011 4.54854 74.3927 0.697223C74.4188 0.634306 74.4377 0.568528 74.4594 0.504181H78.6388C78.6996 1.03755 78.7619 1.56949 78.8184 2.10286C78.9256 3.10382 79.0285 4.10478 79.1328 5.10574C79.1531 5.29878 79.1733 5.49183 79.1965 5.67772C79.1965 5.71204 79.1849 5.76209 79.2342 5.76924C79.2834 5.77639 79.2834 5.71776 79.3037 5.68773C79.31 5.67696 79.3149 5.66542 79.3182 5.65341C79.8793 4.29973 80.44 2.94557 81.0001 1.59094C81.145 1.22916 81.3116 0.875966 81.442 0.504181L85.6228 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M16.0527 0.503967C16.0686 0.561165 16.0338 0.605493 16.0136 0.646962C14.4162 4.51734 12.8212 8.38582 11.2286 12.2524C11.2051 12.3277 11.1563 12.3929 11.0902 12.4371C11.024 12.4813 10.9446 12.5019 10.865 12.4955C9.57569 12.4955 8.28589 12.4955 6.99561 12.4955C6.76528 12.4955 6.72326 12.4483 6.70588 12.2281C6.64793 11.1804 6.58564 10.1323 6.519 9.08363C6.48423 8.50022 6.4485 7.91632 6.4118 7.33195C6.41683 7.30131 6.41446 7.26994 6.4049 7.24037C6.39533 7.2108 6.37884 7.18388 6.35675 7.16179C6.33212 7.2147 6.31039 7.25759 6.29156 7.30478C5.60586 8.96733 4.91967 10.6275 4.23301 12.2853C4.15767 12.4669 4.11856 12.4941 3.92009 12.4941H0.197019C0.162553 12.4991 0.127412 12.4974 0.093606 12.4891C0.0597996 12.4808 0.0279911 12.4659 0 12.4454L0 12.3725C0.013038 12.3482 0.0275247 12.3239 0.039114 12.2981C1.66452 8.36771 3.29041 4.43631 4.91678 0.503967H9.07155C9.08025 0.546866 9.09039 0.589764 9.09618 0.634092C9.19759 1.38481 9.27292 2.13982 9.35115 2.8934C9.44772 3.81524 9.5443 4.73756 9.64088 5.66035C9.64088 5.70182 9.62494 5.76187 9.68868 5.77045C9.75243 5.77903 9.74084 5.71611 9.75532 5.6818C10.47 3.95728 11.1842 2.23134 11.8979 0.503967H16.0527Z' fill='%23FFFDFD'/%3E%3Cpath d='M35.7201 0.504181C35.7201 0.562809 35.6636 0.591408 35.6288 0.628586C34.0179 2.33499 32.4065 4.03948 30.7946 5.74207C30.7403 5.79884 30.6992 5.86665 30.6741 5.94075C30.6491 6.01485 30.6408 6.09345 30.6498 6.17105C30.7193 7.12911 30.7743 8.08718 30.8352 9.04667C30.896 10.0062 30.9612 10.9714 31.0235 11.9337C31.0308 12.0538 31.0366 12.1754 31.0452 12.2955C31.0583 12.4514 31.0308 12.4843 30.8714 12.4857H26.0966C25.9517 12.4857 25.9242 12.4557 25.9257 12.3127C25.9257 11.7721 25.9358 11.2302 25.943 10.6897C25.9546 9.72589 25.9672 8.76116 25.9807 7.79547C25.9896 7.69889 25.9783 7.60153 25.9474 7.50948C25.8967 7.53951 25.8938 7.5867 25.8779 7.6253C25.2375 9.16964 24.6011 10.7092 23.9685 12.244C23.8743 12.4685 23.8396 12.4943 23.5933 12.4943H19.1444C18.8967 12.4943 18.8793 12.47 18.9706 12.2497C20.5497 8.43656 22.1287 4.62337 23.7077 0.810189C23.7498 0.710093 23.7845 0.605707 23.8207 0.504181H28.7868C28.7867 0.581246 28.7667 0.657021 28.7288 0.724392C28.1552 2.1162 27.5805 3.50802 27.0049 4.89983C26.989 4.93844 26.9557 4.97419 26.973 5.02566C27.0416 4.98778 27.1013 4.93615 27.1483 4.87409C28.3073 3.58142 29.4662 2.28732 30.6251 0.991792C30.7778 0.839496 30.9192 0.676537 31.0481 0.504181L35.7201 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M63.8179 0.504181C63.8339 0.552799 63.8049 0.591408 63.7875 0.630016C62.6677 3.26111 61.5913 5.90937 60.4947 8.54905C60.4324 8.69204 60.4338 8.69204 60.6004 8.69204H63.7411C63.886 8.69204 63.886 8.69204 63.8425 8.83504C63.7107 9.24686 63.5151 9.63438 63.3543 10.0362C63.053 10.7883 62.7387 11.5362 62.4359 12.2884C62.4142 12.3459 62.3744 12.3951 62.3222 12.4286C62.27 12.4621 62.2083 12.4781 62.1462 12.4742C61.3595 12.5071 60.5744 12.49 59.7877 12.4914C57.9074 12.4914 56.027 12.4914 54.1466 12.4914C53.8699 12.4914 53.8569 12.4757 53.9641 12.2226C55.5451 8.40939 57.1265 4.59621 58.7085 0.78302C58.7495 0.693513 58.781 0.600073 58.8026 0.504181L63.8179 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M73.0848 0.504181C73.0895 0.544773 73.0798 0.585726 73.0572 0.620006C71.426 4.48086 69.847 8.36888 68.2433 12.2297C68.1491 12.4557 68.0984 12.4914 67.8464 12.4914H63.3555C63.1701 12.4914 63.1455 12.4499 63.2106 12.2783C63.679 11.1487 64.1475 10.0186 64.6159 8.88795L67.9666 0.800179C68.0057 0.704373 68.0362 0.602847 68.0695 0.504181H73.0848Z' fill='%23FFFDFD'/%3E%3Cpath d='M57.4515 0.504272C56.9952 1.59532 56.5345 2.68637 56.0825 3.77884C54.9111 6.6006 53.7458 9.42188 52.5869 12.2427C52.5 12.4543 52.442 12.4944 52.2088 12.4944H47.6614C47.5166 12.4858 47.4934 12.4486 47.5456 12.3185C47.7281 11.8738 47.9135 11.4305 48.096 10.9872C49.5061 7.58393 50.9151 4.18161 52.3233 0.780252C52.3651 0.692584 52.3948 0.59976 52.4116 0.504272L57.4515 0.504272Z' fill='%23FFFDFD'/%3E%3Cpath d='M22.4432 0.504181C22.4468 0.544891 22.4366 0.585632 22.4142 0.620006C20.7859 4.47228 19.2098 8.34171 17.6075 12.2111C17.5018 12.4671 17.4627 12.4971 17.1729 12.4971H12.7545C12.5082 12.4971 12.4909 12.47 12.5821 12.2512C14.1592 8.43799 15.7378 4.6248 17.3178 0.811619C17.3584 0.711523 17.3917 0.608567 17.4279 0.505611L22.4432 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M41.2512 0.504181C41.2686 0.552799 41.2382 0.591408 41.2208 0.630016C39.591 4.49087 38.0149 8.36601 36.4112 12.2326C36.3171 12.4585 36.2664 12.4943 36.0143 12.4943H31.5234C31.3365 12.4943 31.3134 12.4542 31.3786 12.2812C31.8701 11.0953 32.3617 9.9094 32.8533 8.7235C33.9514 6.07524 35.048 3.42651 36.1432 0.7773C36.1836 0.689664 36.2147 0.598136 36.2359 0.504181L41.2512 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M91.9904 0.504181C91.9904 0.52992 92.0121 0.549939 91.9904 0.582828C91.6789 1.15481 91.4761 1.7754 91.2269 2.37598C89.8661 5.65436 88.5102 8.93465 87.1591 12.2169C87.0606 12.4542 87.0055 12.4943 86.7462 12.4943H82.2553C82.2187 12.4964 82.1819 12.4964 82.1452 12.4943C82.0728 12.4943 82.0598 12.4442 82.08 12.3842C82.1003 12.3241 82.1119 12.3012 82.1293 12.2597L86.92 0.710093C86.9547 0.646765 86.9736 0.576167 86.9751 0.504181L91.9904 0.504181Z' fill='%23FFFDFD'/%3E%3Cpath d='M51.138 0.504259C51.0149 0.966135 50.7904 1.3894 50.6151 1.83126C50.3123 2.592 49.995 3.34701 49.6865 4.10632C49.6702 4.16071 49.6356 4.20803 49.5885 4.2405C49.5414 4.27298 49.4845 4.28869 49.4272 4.28506H41.2871C41.1422 4.28506 41.1422 4.28506 41.1944 4.14207C41.4943 3.40564 41.7883 2.66778 42.094 1.93565C42.2881 1.46948 42.4924 1.0076 42.6735 0.535718C42.6742 0.523812 42.6742 0.511876 42.6735 0.499969L51.138 0.504259Z' fill='%23FFFDFD'/%3E%3Cpath d='M45.8174 9.12815C45.2944 9.12815 44.77 9.12815 44.2456 9.12815C44.2065 9.1229 44.1668 9.13232 44.1343 9.15456C44.1019 9.1768 44.079 9.21023 44.0703 9.24827C43.6637 10.2397 43.2581 11.2335 42.8534 12.2297C42.7593 12.4571 42.6984 12.5 42.4478 12.5H37.9135C37.7788 12.49 37.7512 12.4528 37.8005 12.3298C37.8932 12.0967 37.9903 11.8665 38.0902 11.6349C38.9111 9.6558 39.732 7.67579 40.553 5.69482C40.6022 5.60699 40.6425 5.51454 40.6732 5.41884C40.674 5.4098 40.6768 5.40104 40.6813 5.39313C40.6858 5.38522 40.6919 5.37833 40.6993 5.37293C40.7067 5.36753 40.7152 5.36373 40.7242 5.36179C40.7331 5.35984 40.7424 5.35979 40.7514 5.36164C40.7804 5.36164 40.8094 5.36164 40.8383 5.36164H48.9857C49.1479 5.36164 49.1493 5.36164 49.0972 5.51894C48.9639 5.92219 48.7756 6.30256 48.6177 6.69579C48.3149 7.44938 48.002 8.19725 47.6978 8.94941C47.6803 9.00745 47.6431 9.05778 47.5925 9.09191C47.5418 9.12603 47.4808 9.14186 47.4196 9.13673H45.8261L45.8174 9.12815Z' fill='%23FFFDFD'/%3E%3C/svg%3E%0A");
}

.nf-coupon__bottom {
	width: 100%;
	padding: 15px;
	flex-grow: 1;
}

.nf-coupon__bottom-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nf-coupon__bottom-content-text {
	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: rgba(21, 9, 0, 0.95);
	min-height: 42px;
}

.nf-coupon__bottom-content-button {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 16px;

	width: 100%;
	height: 28px;
	min-height: 28px;

	background: rgba(21, 9, 0, 0.95);
	border-radius: 100px;

	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #f3f3f2;
	outline: none;
	border: none;
	cursor: pointer;
}

@media (max-width: 900px) {
	.nf-coupons__grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
}

@media (max-width: 768px) {
	.nf-coupon__header {
		height: 200px;
	}
	.nf-coupon__header-sale {
		font-size: 36px;
		line-height: 43px;
	}
	.nf-coupons__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

.nf-coupons-modal__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.25);
	justify-content: center;
	align-items: center;
	padding: 20px;
	transition: opacity 0.2s ease-in-out;
	z-index: 20;
	display: flex;
	display: none;
	opacity: 0;
	z-index: 999999;
}

.nf-coupons-modal {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	max-width: 400px;
	width: 100%;
	border-radius: 16px;
}

.nf-coupons-modal__wrapper.nf-coupons-modal__wrapper--open {
	display: flex;
}
.nf-coupons-modal__wrapper.nf-coupons-modal__wrapper--open.nf-coupons-modal__wrapper--visible {
	opacity: 1;
}

.nf-coupons-modal__header {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 14px;
}

.nf-coupons-modal__header-close {
	width: 38px;
	height: 38px;
	border: none;
	cursor: pointer;
	background: none;
	padding: 0;
	margin: 0;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nf-coupons-modal__header-close:hover {
	background: transparent !important;
	color: rgba(21, 9, 0, 0.95) !important;
}

.nf-coupons-modal__header-close > span {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 13.7333C2.96667 13.3667 2.63333 13.0333 2.26667 12.6667L12.6667 2.26667C13.0333 2.63333 13.3667 2.96667 13.7333 3.33333L3.33333 13.7333ZM2.26667 3.33333C2.63333 2.96667 2.96667 2.63333 3.33333 2.26667L13.7333 12.6667C13.3667 13.0333 13.0333 13.3667 12.6667 13.7333L2.26667 3.33333Z' fill='%23150900' fill-opacity='0.95'/%3E%3C/svg%3E%0A");
}

.nf-coupons-modal__content {
	padding: 15px 25px 25px 25px;
}

.nf-coupons-modal__content-title {
	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	color: rgba(21, 9, 0, 0.95);
	width: 100%;
}
.nf-coupons-modal__content-text {
	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: rgba(21, 9, 0, 0.95);
	margin-top: 15px;
	width: 100%;
}
.nf-coupons-modal__content-coupon-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px 17px;
	height: 44px;
	background: #f3f3f2;
	border-radius: 8px;
	width: 100%;
	border: none;
	cursor: pointer;
	margin-top: 25px;
}

.nf-coupons-modal__content-coupon-copy:hover {
	background: #f3f3f2 !important;
	color: rgba(21, 9, 0, 0.95) !important;
}
.nf-coupons-modal__content-coupon-copy:hover > p:first-child {
	color: rgba(21, 9, 0, 0.95) !important;
}
.nf-coupons-modal__content-coupon-copy:hover > p:last-child {
	color: rgba(21, 9, 0, 0.5) !important;
}

.nf-coupons-modal__content-coupon-copy > p:first-child {
	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(21, 9, 0, 0.95);
	margin: 0 !important;
	padding: 0 !important;
}
.nf-coupons-modal__content-coupon-copy > p:last-child {
	font-family: 'SF', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	letter-spacing: 0.01em;
	color: rgba(21, 9, 0, 0.5);
	margin: 0 !important;
	padding: 0 !important;
}
.nf-coupons-modal__content-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	height: 44px;
	background: rgba(21, 9, 0, 0.95);
	border-radius: 8px;
	width: 100%;
	font-family: 'SF', sans-serif !important;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	color: #f3f3f2;

	text-decoration: none;

	margin-top: 10px;
}

@media (max-width: 768px) {
	.nf-coupons-modal {
		max-width: 100%;
		border-radius: 16px 16px 0 0;
		position: absolute;
		bottom: -100%;
		left: 0;
		right: 0;
		transition: bottom 0.2s ease-in-out;
	}
	.nf-coupons-modal__wrapper.nf-coupons-modal__wrapper--open {
		display: flex;
	}
	.nf-coupons-modal__wrapper.nf-coupons-modal__wrapper--open.nf-coupons-modal__wrapper--visible
		.nf-coupons-modal {
		bottom: 0;
	}
	.nf-coupons-modal__wrapper.nf-coupons-modal__wrapper--open.nf-coupons-modal__wrapper--visible {
		opacity: 1;
	}
}