@charset "UTF-8";
.bottom-cta{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  display: flex;
  background: #9a8774;
  z-index: 999;
}

/* 三個按鈕等寬 */
.cta-item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;

  color: #fff;
  text-decoration: none;
  border: none;
  background: transparent;
  font-size: 14px;
  cursor: pointer;
}

/* 分隔線 */
.cta-item:not(:last-child){
  border-right: 2px solid rgba(255,255,255,.3);
}

.cta-icon{
  font-size: 20px;
}

.cta-text{
  font-size: 14px;
  letter-spacing: 1px;
}

/* 讓主內容不被遮住 */
body{
  padding-bottom: 70px;
}

.cta-icon-img{
  width: 20px; 
  height: 20px;
  object-fit: contain;
}
  /* ------------------------------------------------- */

  /* 平板專用樣式 */
  @media (min-width: 768px){
    .bottom-cta{
    height: 95px;
    }
    /* 分隔線 */
    .cta-item:not(:last-child){
      border-right: 3px solid rgba(255,255,255,.3);
    }
    .cta-text{
      font-size: 20px;
      letter-spacing: 1.2px;
    }
    .cta-icon-img{
      width: 25px;
      height: 25px;
    }
}
  /* ------------------------------------------------- */

  /* 桌機小螢幕（含 iPad 橫向）優化樣式 */
  @media (min-width: 1024px) and (max-width: 1279px) {
    .bottom-cta{
      height: 95px;
    }
    /* 分隔線 */
     .cta-item:not(:last-child){
       border-right: 3px solid rgba(255,255,255,.3);
    }
    .cta-text{
      font-size: 20px;
      letter-spacing: 1.2px;
    }
    .cta-icon-img{
      width: 25px;
      height: 25px;
    }
  } 

  /* ------------------------------------------------- */
   /* 一般桌機 */
    @media (min-width: 1280px) and (max-width: 1599px){
   .bottom-cta{
      height: 90px;
    }
    /* 分隔線 */
     .cta-item:not(:last-child){
       border-right: 3px solid rgba(255,255,255,.3);
    }
    .cta-text{
      font-size: 18px;
      letter-spacing: 1.2px;
    }
    .cta-icon-img{
      width: 23px;
      height: 23px;
    }
  }

  /* ------------------------------------------------- */
  /* 大螢幕專用樣式 */
  @media (min-width: 1600px) {
    .bottom-cta{
      height: 90px;
    }
    /* 分隔線 */
     .cta-item:not(:last-child){
       border-right: 3px solid rgba(255,255,255,.3);
    }
    .cta-text{
      font-size: 18px;
      letter-spacing: 1.2px;
    }
    .cta-icon-img{
      width: 23px;
      height: 23px;
    }
  }