.species-hero {
    position: relative;



    background:
      linear-gradient(
        90deg,
        rgb(0 14 6 / 72%) 0%, 
        rgba(20, 32, 25, .45) 35%,
        rgba(20, 32, 25, .18) 65%, 
        rgba(20, 32, 25, .10) 100%      

      ),
      url(../../images/greenfencethai/asset/ต้นแคนา/bg-ดอกแคนา.webp); 
      

 

    background-size: cover;
    background-position:right center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.bg-text-hero {
    position: relative;

    background: rgba(255, 255, 255, .7);
    background: rgba(230, 255, 231, .5);
    
    border-radius: 18px;

    backdrop-filter: blur(10px);
    padding:20px;
    margin-top: 50px;
}

.species-hero-grid {
    padding-left: 20px;
    padding-right: 20px;
}

 
#spacing{
  scroll-margin-top:150px;
}
 

.definition-box {
  max-width: 900px;
  margin: auto;
}
.note-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.tip-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.quick-answer-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.feature-grid-3col{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
 



.species-hero-content h1{
  color:#ffffff;
  text-shadow: 0 3px 18px rgb(0 0 0 / 100%);
}
.species-hero-content p {
    background-color: #092a1f;
    padding: 30px;
    border-radius: 10px;
    color: #ffffff;
}
.breadcrumb a {
  color:#ffffff;
}
.current-page {
  color:#ffffff;
}
.species-breadcrumb span:last-child {
  color:#ffffff;  
}


.detail-card div{
  padding: 34px;
  padding-top: 0px;
}


.internal-link-context{
    background: #e0e3e0;
    border-radius: 24px;
    margin-top: 20px;
    padding: 40px;
    box-shadow: var(--shadow);
    max-width: 900px;
    margin: auto;
}
.internal-link-context-wrapper {
    padding-top: 20px;
}