@font-face {
	font-family: "AFH Heading";
	src: url("../fonts/afh-heading-heavy.woff2") format("woff2"), url("../fonts/afh-heading-heavy.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
#weekly-deals {
	overflow-x: clip;
}
@supports not (overflow-x: clip) {
	#weekly-deals {
		overflow-x: hidden;
	}
}
#nov-hero {
	background-color: #5a5a5a;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../../../back.webp");
	background-image: -webkit-image-set(url("../../../back.webp") 1x, url("../../../back@2x.webp") 2x);
	background-image: image-set(url("../../../back.webp") 1x, url("../../../back@2x.webp") 2x);
}
#nov-hero .afh-heading {
	font-family: "AFH Heading", "Lato", sans-serif;
	font-weight: normal;
}
#nov-hero .nov-inner {
	position: relative;
	width: 1362px;
	max-width: 100%;
	padding: 149px 19px 148px 0;
	gap: 56px;
}
#nov-hero .nov-left {
	position: relative;
	flex: 1 1 auto;
	max-width: 657px;
	margin-top: -66px;
}
#nov-hero .nov-title {
	max-width: 657px;
	margin: 0 0 17px;
	font-size: 47px;
	line-height: 59px;
	font-weight: normal;
}
#nov-hero .nov-subtitle {
	max-width: 605px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 40px;
	font-weight: normal;
}
#nov-hero .nov-shop {
	width: 235px;
	height: 43px;
	margin-top: 30px;
	padding: 0;
	border-radius: 54px;
	background-color: #eb0f10;
	font-size: 20px;
	line-height: 1;
}
#nov-hero .nov-shop:hover {
	text-decoration: none;
}
#nov-hero .nov-panel {
	position: relative;
	flex: 0 0 630px;
	width: 630px;
	height: 660px;
	background-color: #1b1b1b;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../images/hero/form-back.jpg");
	background-image: -webkit-image-set(url("../images/hero/form-back.webp") 1x, url("../images/hero/form-back@2x.webp") 2x);
	background-image: image-set(url("../images/hero/form-back.webp") 1x, url("../images/hero/form-back@2x.webp") 2x);
}
#nov-hero .nov-stage {
	display: flow-root;
	position: relative;
	width: 630px;
	max-width: 100%;
	height: 100%;
}
#nov-hero .nov-head {
	display: grid;
	grid-template-columns: 100%;
	z-index: 2;
}
#nov-hero .nov-head > picture {
	grid-area: 1 / 1;
	align-self: start;
	justify-self: start;
}
#nov-hero .nov-gift {
	position: relative;
	z-index: 1;
	width: 328.5px;
	margin: -105.1px 0 0 359px;
}
#nov-hero .nov-gift img {
	height: auto;
}
#nov-hero .nov-type {
	position: relative;
	z-index: 2;
	width: 442.3px;
	margin: -51px 0 0 -3px;
}
#nov-hero .nov-type img {
	height: auto;
}
#nov-hero .nov-band {
	position: relative;
	z-index: 3;
	height: 35px;
	margin-top: 1.9px;
	background-color: #e4141b;
	font-size: 21px;
	line-height: 28.686px;
	letter-spacing: 0.21px;
	white-space: nowrap;
}
#nov-hero .nov-band > span {
	display: block;
}
#nov-hero .nov-form-title {
	position: relative;
	z-index: 3;
	margin-top: 26px;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: 0.54px;
}
#nov-hero .nov-form {
	position: relative;
	z-index: 3;
	margin-top: 35px;
	padding: 0 33px;
	--form-field-padding: 0;
	--form-field-padding-mobile: 0;
	--form-input-height: 53px;
	--form-input-radius: 6px;
	--form-input-radius-mobile: 6px;
	--form-label-font-size: 17px;
	--form-label-font-size-mobile: 17px;
	--form-input-font-size: 17px;
	--form-input-font-size-mobile: 17px;
	--form-label-offset-x: 17.75px;
	--form-label-margin-top: 0.08em;
	--form-input-text-indent: 17.75px;
	--form-input-padding-top: 16px;
	--form-label-active-margin-top: calc(-2.9em + 22px);
	--form-placeholder-color: #2a2a2a;
	--form-input-color: #2a2a2a;
	--form-width: 100%;
	--form-width-mobile: 100%;
}
#nov-hero .nov-form form.uni-style {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
#nov-hero .nov-form .form-row {
	gap: 20px;
	margin: 0 0 25px;
}
#nov-hero .nov-form .form-field label {
	font-family: "AvenirNext-Medium", sans-serif;
}
#nov-hero .nov-form .form-field input,
#nov-hero .nov-form .form-field select {
	border: 1.315px solid #c3c3c5;
}
#nov-hero .nov-form .form-action {
	margin-top: 28px;
	text-align: center;
}
#nov-hero .nov-submit {
	width: 235px;
	height: 45px;
	max-width: 100%;
	padding: 0;
	border-radius: 54px;
	background-color: #f7c22f;
	color: #000;
	font-size: 20px;
	line-height: 1;
}
#nov-hero .nov-cta {
	width: 235px;
	height: 45px;
	padding: 0;
	border-radius: 54px;
	background-color: #f7c22f;
	color: #000;
	font-size: 20px;
	line-height: 1;
}
#nov-hero .nov-cta span {
	color: #000;
}
@media screen and (max-width: 1399px) {
	#nov-hero .nov-inner {
		padding-left: 15px;
		padding-right: 15px;
		gap: 30px;
	}
}
@media screen and (max-width: 1199px) {
	#nov-hero .nov-title {
		font-size: 40px;
		line-height: 50px;
	}
	#nov-hero .nov-subtitle {
		font-size: 21px;
		line-height: 34px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#nov-hero .nov-inner {
		flex-direction: column;
		padding: 50px 15px 68px;
		gap: 150px;
	}
	#nov-hero .nov-left {
		margin-top: 0;
	}
	#nov-hero .nov-panel {
		flex: 0 0 auto;
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#nov-hero {
		--p: min(calc(100vw / 390), 1.4px);
		background-image: none;
	}
	#nov-hero .nov-inner {
		flex-direction: column;
		width: 100%;
		padding: 0;
		gap: 0;
	}
	#nov-hero .nov-left {
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: calc(29 * var(--p)) calc(20 * var(--p)) calc(34 * var(--p));
		background-color: #5a5a5a;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("../images/hero/back-m.jpg");
		background-image: -webkit-image-set(url("../images/hero/back-m.webp") 1x, url("../images/hero/back-m@2x.webp") 2x);
		background-image: image-set(url("../images/hero/back-m.webp") 1x, url("../images/hero/back-m@2x.webp") 2x);
	}
	#nov-hero .nov-title {
		max-width: calc(300 * var(--p));
		margin: 0 auto calc(17 * var(--p));
		font-family: "HelveticaNeue-Bold" !important;
		font-size: calc(23 * var(--p));
		line-height: calc(31 * var(--p));
	}
	#nov-hero .nov-subtitle {
		max-width: calc(284 * var(--p));
		font-size: calc(14 * var(--p));
		line-height: calc(23 * var(--p));
	}
	#nov-hero .nov-shop {
		width: calc(235 * var(--p));
		height: calc(43 * var(--p));
		margin-top: calc(8 * var(--p));
		font-size: calc(20 * var(--p));
	}
	#nov-hero .nov-panel {
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		background-image: url("../images/hero/form-back-m.jpg");
		background-image: -webkit-image-set(url("../images/hero/form-back-m.webp") 1x, url("../images/hero/form-back-m@2x.webp") 2x);
		background-image: image-set(url("../images/hero/form-back-m.webp") 1x, url("../images/hero/form-back-m@2x.webp") 2x);
	}
	#nov-hero .nov-stage {
		width: calc(390 * var(--p));
		max-width: none;
		height: calc(338 * var(--p));
	}
	#nov-hero .nov-gift {
		width: calc(199.6 * var(--p));
		margin: calc(-7.2 * var(--p)) 0 0 calc(240.4 * var(--p));
	}
	#nov-hero .nov-type {
		width: calc(287.3 * var(--p));
		margin: calc(7.8 * var(--p)) 0 0 calc(-0.5 * var(--p));
	}
	#nov-hero .nov-band {
		width: calc(347 * var(--p));
		height: auto;
		margin: calc(12.5 * var(--p)) auto 0;
		background-color: transparent;
		font-size: calc(18 * var(--p));
		line-height: calc(24.588 * var(--p));
		letter-spacing: calc(0.18 * var(--p));
		white-space: normal;
	}
	#nov-hero .nov-band > span > span {
		display: block;
	}
	#nov-hero .nov-band br {
		display: none;
	}
	#nov-hero .nov-cta {
		width: calc(235 * var(--p));
		height: calc(45 * var(--p));
		margin-top: calc(28.8 * var(--p));
		font-size: calc(20 * var(--p));
	}
}
@supports (text-box: trim-both cap alphabetic) {
	#nov-hero .nov-shop > span,
	#nov-hero .nov-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
	#nov-hero .nov-submit {
		display: block;
		padding: calc((45px - 1cap) / 2) 0;
		text-box: trim-both cap alphabetic;
	}
}
@supports (text-box: trim-both cap alphabetic) {
	@media screen and (min-width: 768px) {
		#nov-hero .nov-band > span {
			text-box: trim-both cap alphabetic;
		}
	}
}