/* Header */
		
	.header-cat-container{
		background-color: #2224260D;
		padding: 32px 0 32px;
	}
	
	.header-cat-container:has(.promotion-legal){
		padding: 32px 0 12px;
	}

	.header-cat-container .header-cat{
		display: grid;
		grid-template-columns: 5fr 7fr;
		gap: 64px;
	}	

	.header-cat-container .header-cat div:nth-child(1){
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}	

	.header-cat-container .header-cat div:nth-child(2) {
		display: flex;
	}

	.header-cat-container .header-cat h1{
		font-size: 32px;
		line-height: 40px;
		margin: 0;
	}

	.header-cat-container .header-cat .promotion-date{
		font-size: 12px;
		font-weight: 900;
		line-height: 20px;
		width: fit-content;
		padding: 4px;
		color: #000;
		background: white;
		margin: 0 0 8px;
	}

	.header-cat-container .header-cat p{
		font-size: 16px;
		line-height: 24px;
		margin: 8px 0 0;
	}
	
	.header-cat-container .header-cat ul{
		padding-left: 18px;
		margin: 8px 0 0;
	}

	.header-cat-container .header-cat li{
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}

	.header-cat-container .header-cat .promotion-legal,
	.header-cat-container .promotion-legal{
		font-size: 12px;
		line-height: 16px;
		color: #222426B3;
		margin: 8px 0 0;
	}
	
	.header-cat-container .promotion-legal span,
	.header-cat-container .header-cat span{
		text-decoration: underline;
		color: #222426;
		cursor: pointer;
	}

	.header-cat-container .header-cat span:hover{
		color: #1840DD;
	}

	.header-cat-container .header-cat div button{
		padding: 16px 24px;
		background-color: #222426;
		border: none;
		border-radius: 4px;
		font-size: 16px;
		color: white;
		margin: 12px 0 0;
	}

	.header-cat-container .header-cat div button:hover{
		background-color: #222426CC;
	}

	.header-cat-container .header-cat img{
		max-width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: left;
		border-radius: 4px;
	}

	.header-cat-container .header-cat img:nth-child(2){
		display: none;
		height: auto;
		border-radius: 0px;
	}



	@media (max-width: 992px){

		/* Header */

		.header-cat-container .header-cat {
			grid-template-columns: 12fr;
			gap: 40px;
		}
		
		.header-cat-container .header-cat div:nth-child(2){
			order: -1;
		}
		
		.header-cat-container .header-cat h1 {
			font-size: 26px;
			line-height: 32px;
		}
	}

	@media (max-width: 768px){

		/* Header */
		
		.header-cat-container {
			padding: 0 0 32px;
		}
		
		.header-cat-container:has(.promotion-legal){
			padding: 0 0 12px;
		}
		
		.header-cat-container .header-cat {
			gap: 32px;
		}
		
		.header-cat-container .header-cat div:nth-child(2) {
			margin: 0 -16px;
		}
		
		.header-cat-container .header-cat img:nth-child(1){
			display: none;
		}

		.header-cat-container .header-cat img:nth-child(2){
			display: block;
		}
	}