.event-hero_title h2,.event-expired_title h2 {
	margin-bottom: 40px;
    padding: 10px 0;
    border-bottom: 1px solid;
	font-size: clamp(2rem, 3.5vw, 4rem);
}
.event-title {
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 600;
	font-size: clamp(1rem, 1.2vw, 1.5rem);
	line-height: 1.5;
	color: #2C2C2C;
	margin-bottom: 0;
}
.event-excerpt p{
	margin-bottom: 0;
	font-size: clamp(0.875rem, 1.2vw, 1rem);
	color: #747474;

}
.event-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.event-item_row {
	display: flex;
	background: #ffffff;
	max-height: 300px;
}
.event-item_col:not(.col-1) {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.event-item_col.col-1 {
    width: 450px;
    flex-basis: 450px;
    flex-shrink: 0; 
}

.event-item_image img {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

.event-item_col.col-2 {
	padding: 24px 32px;
}
.event-meta_row {
	display:flex; 
	gap: 8px;
}
.event-meta_row .event-meta_col {
    flex: 1;
    margin-bottom: 0;
	display: flex;
    align-items: center;
    gap: 8px;
	font-size: clamp(0.875rem, 1.2vw, 1rem);
	color: #2C2C2C;
}
.event-btn {
	margin-bottom: 0;
	width: fit-content;
	padding: 8px 12px;
	display: flex;
	gap: 8px;
	align-items: center;
	color: #ffffff;
	background: #701620;
	border-radius: 4px;
}
.event-btn span {
	padding: 8px 10px;
}

/* Responsive cho Tablet và Mobile */
@media (max-width: 980px) {
    .event-item_row {
        flex-direction: column; 
        max-height: none;     
        height: auto;
    }

    .event-item_col.col-1 {
        width: 100%;         
        flex-basis: auto;    
        max-width: 100%;      
    }

    .event-item_image img {
        width: 100%;
        height: 300px;        
		max-width: unset;
    }

    .event-item_col.col-2 {
        padding: 20px;        
    }

}