/* 1. Container - ห้ามใส่ display: flex ตรงนี้เพราะจะตีกับ Swiper */
.ezi-hero-slider-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}

/* 2. ตัว Slide หลัก - ย้าย min-height มาบังคับที่นี่แทน! */
.ezi-hero-slide-item {
    width: 100%;
    min-height: 100vh; /* บังคับความสูงสไลด์ตรงๆ */
    
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    
    display: flex !important;
    align-items: flex-start !important;
	padding-top: 150px;
    position: relative;
    z-index: 1;
}

/* 3. Gradient Overlay บังแค่ 78.75% */
.ezi-hero-slide-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 78.75%; /* กลับมาใช้ความกว้างเดิม */
    height: 100vh;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.94) 29.33%, rgba(255, 255, 255, 0.78) 56.21%, rgba(255, 255, 255, 0) 93.84%);
    z-index: 1;
    pointer-events: none; /* เก็บอันนี้ไว้ เพื่อให้ทะลุไปคลิกปุ่ม Explore More ได้ */
}

/* 4. กล่องเนื้อหา */
.ezi-slide-container {
    width: 100%;
/*     max-width: 1140px; */
	max-width: var(--container-max-width, 1352px);
    margin: 0 auto;
    padding: 0 36px;
    position: relative;
    z-index: 2;
}

.ezi-slide-content {
    max-width: 80%;
/*     max-width: 650px; */
}

/* --- Typography --- */
.ezi-hero-main-title {
    color: #252425;
    font-size: var(--e-global-typography-primary-font-size, 56px);
    line-height: var(--e-global-typography-primary-line-height, 1.2);
    margin-bottom: 10px;
    font-weight: 600;
}

.ezi-hero-sub-title {
    color: #252425;
    font-family: "Open Sans", Sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 20px;
}

.ezi-hero-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 35px;
	max-width: 485px;
}

/* --- Button --- */
.ezi-custom-button {
    display: inline-flex !important;;
    align-items: center;
    text-decoration: none;
    color: #252425;
    font-weight: 600;
}

.ezi-button-icon {
    width: 47px;
    height: 47px;
    background-color: #6a9191;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-right: 15px;
    flex-shrink: 0;
}

.ezi-button-text {
    white-space: nowrap; /* ห้ามตกบรรทัด */
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

/* --- Swiper Pagination Style --- */

/* สีของจุดที่กำลัง Active */
.ezi-hero-slider-wrapper .swiper-pagination-bullet-active {
    background-color: #5B8C94 !important;
}

/* (เผื่อต้องการ) ปรับแต่งจุดที่ไม่ได้ Active */
.ezi-hero-slider-wrapper .swiper-pagination-bullet {
    background-color: #b0b0b0; /* เปลี่ยนสีจุดธรรมดาตรงนี้ได้ครับ */
    opacity: 0.7; /* ปรับความทึบ */
    transition: all 0.3s ease;
}

/* ตอนเอาเมาส์ไปชี้จุดที่ไม่ได้ Active */
.ezi-hero-slider-wrapper .swiper-pagination-bullet:hover {
    background-color: #5B8C94;
    opacity: 0.8;
}

/* --- Responsive Heights (ย้ายมาคุมที่ Slide Item แทน) --- */
/* @media (max-width: 1440px) { .ezi-hero-slide-item { min-height: 687px; } }
@media (max-width: 1199px) { .ezi-hero-slide-item { min-height: 732px; } } */

@media (max-width: 767px) {
    .ezi-hero-slide-item {
        min-height: 822px;
        align-items: flex-start;
/*         padding-top: 222px; */
    }
	.ezi-hero-desc {
		max-width: 275px;
	}
/* 	.ezi-hero-slide-item::before {
        width: 100%;
        background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.4) 100%);
    } */
}

/* @media (max-width: 575px) { .ezi-hero-slide-item { min-height: 867px; } } */

@media (max-width: 1440px) {
    .ezi-slide-container { max-width: var(--container-max-width, 1208px); }
}

@media (max-width: 991px) {
    .ezi-slide-container { max-width: var(--container-max-width, 1024px); }
}

@media (max-width: 575px) {
    .ezi-slide-container { 
        max-width: var(--container-max-width, 767px); 
    }
	.ezi-hero-slide-item {
		min-height: 867px;
	}
}

/* Swiper Fix */
.swiper-container-fade .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active { pointer-events: auto; }