:root {
	--top-gradient-height: 224px;
}

@media only screen and (max-width: 1068px) {
	:root {
		--top-gradient-height: 215px;
	}
}

@media only screen and (max-width: 734px) {
	:root {
		--top-gradient-height: 100px;
	}
}
/*default*/
[data-tile-id="diwali-2026-offer-launch"] {
	--hero-image-width: 550px;
	--hero-image-height: 418px;
}

/*Medium*/
@media only screen and (max-width: 1068px) {
	[data-tile-id="diwali-2026-offer-launch"] {
		--hero-image-width: 550px;
		--hero-image-height: 418px;
	}
}

/*small*/
@media only screen and (max-width: 734px) {
	[data-tile-id="diwali-2026-offer-launch"] {
		--hero-image-width: 492px;
		--hero-image-height: 374px;
	}
}

/*largetall*/
@media only screen and (min-width: 1069px) and (min-height: 776px) {
	[data-tile-id="diwali-2026-offer-launch"] {
		--hero-image-width: 736px;
		--hero-image-height: 548px;
	}
}

/*mediumtall*/
@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
	[data-tile-id="diwali-2026-offer-launch"] {
		--hero-image-width: 668px;
		--hero-image-height: 500px;
	}
}
[data-tile-id="diwali-2026-offer-launch"][data-component-list~="InlineMedia"] .tile-image-wrapper img {
	aspect-ratio: 1.316 / 1;
	width: auto !important;
	height: var(--hero-image-height);
	bottom: auto;
}
#diwali-2026-animated {
	aspect-ratio: 1.316 / 1;
	width: auto !important;
	height: var(--hero-image-height);
	bottom: auto;
}

.gradient-wave {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
[data-unit-id="apple-diwali-2026"] .gradient-wave:after {
	display: none;
}

/*gradient for top*/
.gradient-wave:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--top-gradient-height);
	background-repeat: no-repeat;
	background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_large.png");
	background-size: 3009px var(--top-gradient-height);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.gradient-wave:before {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.gradient-wave:before {
		height: var(--top-gradient-height);
		background-repeat: no-repeat;
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_medium.png");
		background-size: 1069px var(--top-gradient-height);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.gradient-wave:before {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.gradient-wave:before {
		height: var(--top-gradient-height);
		background-repeat: no-repeat;
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_small.png");
		background-size: 735px var(--top-gradient-height);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.gradient-wave:before {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_top_fcp67b85d2q2_small_2x.png");
	}
}
/*gradient for bottom*/
.gradient-wave:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: var(--top-gradient-height);
	background-repeat: no-repeat;
	background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_large.png");
	background-size: 3009px var(--top-gradient-height);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.gradient-wave:after {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.gradient-wave:after {
		height: var(--top-gradient-height);
		background-repeat: no-repeat;
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_medium.png");
		background-size: 1069px var(--top-gradient-height);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.gradient-wave:after {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.gradient-wave:after {
		height: var(--top-gradient-height);
		background-repeat: no-repeat;
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_small.png");
		background-size: 735px var(--top-gradient-height);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.gradient-wave:after {
		background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_small_2x.png");
	}
}