.coty2027-split
{
	display: flex;
	flex-wrap: wrap;
}
.coty2027-split > *
{
	flex: 1 1 320px;
	min-width: 280px;
}
.coty2027-split-hero .coty2027-split-img
{
	flex: 1.2 1 320px;
}
.coty2027-split-hero .coty2027-hero-colour
{
	flex: 0.8 1 240px;
}
.coty2027-split-intro .coty2027-split-text
{
	flex: 1.2 1 320px;
}
.coty2027-split-intro .coty2027-split-img
{
	flex: 0.8 1 240px;
}
.coty2027-split-img
{
	min-height: 360px;
	background: #64806C center center / cover no-repeat;
}
.coty2027-split-img img
{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
}
.coty2027-split-text
{
	padding: 50px 40px;
	box-sizing: border-box;
}
.coty2027-hero-colour,
.coty2027-quote,
.coty2027-download
{
	background: #64806C;
}
.coty2027-hero-colour .boxTitle,
.coty2027-hero-colour .boxSub,
.coty2027-quote .boxSub,
.coty2027-download .boxTitle,
.coty2027-download .boxSub
{
	color: #000000;
}
.coty2027-hero-colour
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 360px;
	text-align: center;
}
.coty2027-quote
{
	padding: 50px 40px;
	text-align: center;
}
.coty2027-quote .boxSub
{
	max-width: 900px;
	margin: 0 auto;
}
.coty2027-download .coty2027-split-text
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px 70px;
}
.coty2027-band
{
	background: #f5f5f9;
}
.coty2027-page .pageContentNew
{
	max-width: none;
	margin: 0;
	padding: 40px 40px;
	box-sizing: border-box;
}
.coty2027-tiles
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	padding: 10px 40px 30px;
	box-sizing: border-box;
}
.coty2027-tile
{
	display: block;
	text-decoration: none;
}
.coty2027-tile-swatch
{
	width: 100%;
	aspect-ratio: 1;
	position: relative;
}
.coty2027-tile-label
{
	position: absolute;
	left: 8px;
	bottom: 8px;
}
.coty2027-shop
{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
	padding: 0 40px 40px;
	box-sizing: border-box;
}
.coty2027-shop-card
{
	flex: 0 1 280px;
	max-width: 320px;
}
.coty2027-shop-card img
{
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	background: #64806C;
}
.coty2027-shop-card p.boxTitle
{
	padding: 16px 20px 20px;
	background: #ffffff;
	text-align: center;
}
.coty2027-shop-card p.boxTitle a
{
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
@media (max-width: 800px)
{
	.coty2027-tiles
	{
		grid-template-columns: repeat(2, 1fr);
		padding-left: 20px;
		padding-right: 20px;
	}
	.coty2027-page .pageContentNew,
	.coty2027-shop
	{
		padding-left: 20px;
		padding-right: 20px;
	}
}