@charset "UTF-8";
/*260319 北桃*/
html {scroll-behavior: smooth;}

.NorthTaoyuan-sale{background-color: #5fceca; width: 100%; overflow: hidden; height: auto; color: #333; position: relative; cursor: default; display: flex; flex-direction: column; position: relative;}
.NorthTaoyuan-sale small{ color: inherit;}
.NorthTaoyuan-sale .wrapper{width: 100%; padding: 0rem 10%; box-sizing: border-box;}
@media screen and (max-width: 1280px) {
	.NorthTaoyuan-sale .wrapper{padding: 0rem 5%; width: 100%;}
}
.NorthTaoyuan-sale .red{color: #e7141a;}
.NorthTaoyuan-sale .gray{color: #666;}
.NorthTaoyuan-sale .mobile-show{display: none;}
@media screen and (max-width: 768px) {
	.NorthTaoyuan-sale .mobile-show{display: block; font-size: 12px; color:#333; margin-bottom: 1rem; text-align: center; visibility:visible !important;}
}

.NorthTaoyuan-sale .title-h2{ font-size: 3rem; text-align: center; line-height: 1.4; font-style: italic; font-weight: 700; margin-bottom: 2rem;}
@media screen and (max-width: 768px) {
	.NorthTaoyuan-sale .title-h2{ font-size: 2rem; margin-bottom: 1rem; text-align: center;}
}
/*kv*/
.NorthTaoyuan-sale .kv-box{ position: relative; width: 100%; background-color: #5fceca;}
.NorthTaoyuan-sale .kv-box .kv-slogan-1{ position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 100%; justify-content: center;}
.NorthTaoyuan-sale .kv-box .kv-slogan-2{ position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 100%; justify-content: center;}
/*kv aria*/
.NorthTaoyuan-sale .title-h1{ font-size: 0; z-index: -999; position: relative; line-height: 0;}

/*sec-1*/
.NorthTaoyuan-sale .sec-1{ border-radius: 0 0 50px 50px; display: flex; flex-direction: column; align-items:center;}
@media screen and (max-width: 768px) {
.NorthTaoyuan-sale .sec-1{border-radius: 0 0 25px 25px;}
}
.NorthTaoyuan-sale .price-table-sec{ margin-bottom: 4rem; width: 100%;}
@media screen and (max-width: 768px) {
.NorthTaoyuan-sale .price-table-sec{ margin-bottom: 2rem;}
}
/* table */
.NorthTaoyuan-sale .promo-table-wrap {
  width: 80%;
  margin: 0 auto;
  border: 3px solid #111;
  border-radius: 30px;
  overflow: hidden;
  background: #ece600;
}

.NorthTaoyuan-sale .promo-table {
  width: 100%;
  table-layout: fixed;
  font-family: "Noto Sans TC", sans-serif;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0;
}

/* 只畫內部分隔線，避免外框圓角被格線破壞 */
.NorthTaoyuan-sale .promo-table th,
.NorthTaoyuan-sale .promo-table td {
  padding: 8px 10px;
  font-weight: 700;
  color: #111;
  border: 0;
  border-right: 3px solid #111;
  border-bottom: 3px solid #111;
}

/* 最右欄不要再畫右框 */
.NorthTaoyuan-sale .promo-table tr > *:last-child {
  border-right: 0;
}

/* 最底列不要再畫下框 */
.NorthTaoyuan-sale .promo-table tbody tr:last-child > * {
  border-bottom: 0;
}

.NorthTaoyuan-sale .promo-table .head {
  background: #ef3129;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
}

.NorthTaoyuan-sale .promo-table .left-head {
  font-size: 22px;
}

.NorthTaoyuan-sale .promo-table .head-flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.NorthTaoyuan-sale .promo-table .head-flex img {
width: 30px;
}

.NorthTaoyuan-sale .promo-table .side-title {
  font-size: 22px;
  line-height: 1;
}

.NorthTaoyuan-sale .promo-table .yellow {
  background: #ece600;
}

.NorthTaoyuan-sale .promo-table .gray {
  background: #cfcfcf;
}

.NorthTaoyuan-sale .promo-table .white {
  background: #f7f7f7;
}

.NorthTaoyuan-sale .promo-table .price-cell {
  font-size: 20px;
}

.NorthTaoyuan-sale .promo-table .price {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  margin-right: 4px;
}

.NorthTaoyuan-sale .promo-table .red {
  color: #ef4b43;
}

.NorthTaoyuan-sale .promo-table del {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.NorthTaoyuan-sale .promo-table .compare-cell {
  font-size: 22px;
  font-weight: 500;
}

.NorthTaoyuan-sale .promo-table .banner-text {
  background: #ece600;
  color: #ef4b43;
  font-size: 22px;
  font-weight: 900;
  padding: 16px 12px;
}

.NorthTaoyuan-sale .promo-table .promo-list {
  text-align: left;
  padding: 20px 22px;
}

.NorthTaoyuan-sale .promo-table .promo-list p {
  text-align: left;
  margin: 0;
  font-size: 16px;
  color: #ef4b43;
  font-weight: 700;
  line-height: 1.8;
}

.NorthTaoyuan-sale .promo-table .bottom-cta {
  background: #ece600;
  padding: 20px;
}

.NorthTaoyuan-sale .cta-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.NorthTaoyuan-sale .cta-note {
  color: #ef4b43;
  font-size: 22px;
  font-weight: 900;
  white-space: nowrap;
}

.NorthTaoyuan-sale .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  aspect-ratio: 250 / 83;
  width: 200px;
  font-size: 24px;
  background: url("https://www.homeplus.net.tw/cable/images/manual_upload/NorthTaoyuan/images/btn-bg.webp") no-repeat center / 100% 100%;
  text-decoration: none;
  color: #111;
  font-weight: 900;
  padding: 16px 22px;
  border: none;
}

.NorthTaoyuan-sale .cta-btn .icon {
  width: 25%;
  line-height: 1;
}

.NorthTaoyuan-sale .table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.NorthTaoyuan-sale p {
  text-align: center;
  margin-top: 10px;
}

/* 平板 */
@media (min-width: 769px) and (max-width: 1080px) {
  .NorthTaoyuan-sale .promo-table .head {
    font-size: 22px;
    line-height: 1.2;
  }

  .NorthTaoyuan-sale .promo-table .left-head {
    font-size: 22px;
  }

  .NorthTaoyuan-sale .promo-table .side-title {
    font-size: 22px;
    line-height: 1;
  }

  .NorthTaoyuan-sale .promo-table .price-cell {
    font-size: 20px;
  }

  .NorthTaoyuan-sale .promo-table .price {
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    margin-right: 4px;
  }

  .NorthTaoyuan-sale .promo-table del {
    color: #222;
    font-size: 16px;
    font-weight: 700;
  }

  .NorthTaoyuan-sale .promo-table .compare-cell {
    font-size: 20px;
    font-weight: 500;
  }

  .NorthTaoyuan-sale .promo-table .banner-text {
    font-size: 22px;
    font-weight: 900;
    padding: 16px 12px;
  }

  .NorthTaoyuan-sale .promo-table .promo-list p {
    font-size: 16px;
  }

  .NorthTaoyuan-sale .cta-note {
    font-size: 22px;
    font-weight: 900;
    white-space: nowrap;
  }

  .NorthTaoyuan-sale .cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    aspect-ratio: 250 / 83;
    width: 160px;
    font-size: 16px;
  }

  .NorthTaoyuan-sale .cta-btn .icon {
    width: 20%;
  }

  .NorthTaoyuan-sale .cta-wrap {
    display: block;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
}

/* 手機 */
@media (max-width: 768px) {
  .NorthTaoyuan-sale .promo-table-wrap {
    width: 700px;
    min-width: 700px;
    max-width: none;
    border-radius: 24px;
  }

  .NorthTaoyuan-sale .promo-table {
    width: 700px;
    min-width: 700px;
  }

  .NorthTaoyuan-sale .promo-table th,
  .NorthTaoyuan-sale .promo-table td {
    padding: 6px 6px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }

  .NorthTaoyuan-sale .promo-table .head {
    font-size: 18px;
  }

  .NorthTaoyuan-sale .promo-table .left-head {
    font-size: 15px;
  }

  .NorthTaoyuan-sale .promo-table .side-title {
    font-size: 16px;
  }

  .NorthTaoyuan-sale .promo-table .price {
    font-size: 24px;
    margin-right: 2px;
  }

  .NorthTaoyuan-sale .promo-table del {
    margin-top: 4px;
    font-size: 14px;
  }

  .NorthTaoyuan-sale .promo-table .compare-cell {
    font-size: 14px;
  }

  .NorthTaoyuan-sale .promo-table .banner-text {
    font-size: 20px;
  }

  .NorthTaoyuan-sale .promo-table .promo-list {
    padding: 12px;
  }

  .NorthTaoyuan-sale .promo-table .promo-list p {
    font-size: 14px;
    margin: 2px 0;
    line-height: 1.6;
  }

  .NorthTaoyuan-sale .cta-note {
    font-size: 20px;
    text-align: center;
    white-space: normal;
  }

  .NorthTaoyuan-sale .cta-btn {
    font-size: 18px;
    padding: 10px 18px;
  }

  .NorthTaoyuan-sale .cta-btn .icon {
    width: 20px;
  }

  .NorthTaoyuan-sale .promo-table .head-flex img {
    width: 20px;
    height: 20px;
  }
}

/*promo-card*/

.NorthTaoyuan-sale .sec-2{width: 75%; margin: 0 auto;}
.NorthTaoyuan-sale .sec-2 .promo-card img{margin-top: 20px;}

/* 📱 手機 */
@media (max-width: 768px) {.NorthTaoyuan-sale .sec-2{width: 90%; margin: 0 auto;}}

/*sb*/
.NorthTaoyuan-sale .sec-3{background-color: #efea14; border-radius: 50px 50px 50px 50px; margin-top: 40px;}
.NorthTaoyuan-sale .sec-3 h2{ font-weight: 900; text-align: center; margin-top: 40px; font-size: 42px;}
.NorthTaoyuan-sale .sec-3 .color{ color:#ee3834;}
.NorthTaoyuan-sale .sec-3 .mobile-scroll-tip { display: none;margin: 14px 0 0;font-size: 13px;color: #666; font-weight: 700;}

/* 滑動外層 */
.NorthTaoyuan-sale .sec-3 .plan-scroll { width: 100%; margin-top: 36px;}
/* 卡片排列層 */
.NorthTaoyuan-sale .sec-3 .plan-list {display: flex;  justify-content: center;  align-items: stretch;  gap: 20px;}

/* 單張卡片 */
.NorthTaoyuan-sale .sec-3 .ott-card {  position: relative;  width: calc((100% - 28px) / 2);  max-width: 400px;  min-width: 320px;  border-radius: 24px;  overflow: visible;  flex: 0 0 auto; max-height: 500px;}

/* 卡片頭 */
.NorthTaoyuan-sale .sec-3 .ott-card-head {  padding: 18px 20px;  border-radius: 24px 24px 0 0;  text-align: center;}
.NorthTaoyuan-sale .sec-3 .ott-card-head h3 {  margin: 0;  color: #fff;  font-size:30px;  font-weight: 900;  line-height: 1.2;}

/* 主題色 */
.NorthTaoyuan-sale .sec-3 .red-theme .ott-card-head {  background: linear-gradient(90deg, #e15a1e 0%, #d54414 100%);}

.NorthTaoyuan-sale .sec-3 .blue-theme .ott-card-head {  background: linear-gradient(90deg, #4e4df2 0%, #5a9bea 100%);}

/* 卡片內容 */
.NorthTaoyuan-sale .sec-3 .ott-card-body {  background: #f3f3f3;  border-radius: 0 0 24px 24px;  padding: 26px 26px 22px;  text-align: center;  min-height: 100%;}

/* 價格 */
.NorthTaoyuan-sale .sec-3 .total-price {  margin: 0 0 12px;  font-size: 18px;  font-weight: 700;  color: #111;  line-height: 1.3;}

.NorthTaoyuan-sale .sec-3 .total-price strong {  color: #df4b37;  font-size: 30px;  font-weight: 900;}

/* 產品圖 */
.NorthTaoyuan-sale .sec-3 .product-images {  display: flex;  align-items: center;  justify-content: center;  gap: 14px;  min-height: 110px;  margin-bottom: 10px;
}

.NorthTaoyuan-sale .sec-3 .product-images.single {  gap: 0;}

.NorthTaoyuan-sale .sec-3 .product-images img {
  display: block;
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 92px;
  object-fit: contain;
}

/* 約期 */
.NorthTaoyuan-sale .sec-3 .contract {
  margin: 0 0 16px;
  font-size: 14px;
  color: #666;
  line-height: 1.3;
}

/* 特色列表 */
.NorthTaoyuan-sale .sec-3 .feature-list {
  margin: 0 0 18px;
  padding-left: 1.2em;
  text-align: left;
}

.NorthTaoyuan-sale .sec-3 .feature-list-blue {
    margin: 0 0 50px;
    padding-left: 1.2em;
    text-align: left;
}

.NorthTaoyuan-sale .sec-3 .feature-list li {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}

.NorthTaoyuan-sale .sec-3 .feature-list-blue li {
  margin-bottom: 8px;
  font-size: 16px;;
  font-weight: 700;
  color: #111;
  line-height: 1.45;
}



/* 每天加價 */
.NorthTaoyuan-sale .sec-3 .daily-price {
  margin: 0 0 18px;
  color: #df4b37;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
}

/* 按鈕 */
.NorthTaoyuan-sale .sec-3 .card-btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.NorthTaoyuan-sale .sec-3 .card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 999px;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.14);
}

.NorthTaoyuan-sale .sec-3 .card-btn-red {
  background: linear-gradient(90deg, #d54414 0%, #ea6a1d 100%);
}

.NorthTaoyuan-sale .sec-3 .card-btn-blue {
  background: linear-gradient(90deg, #3c0fe9 0%, #6327f0 100%);
}

/* 皇冠 */
.NorthTaoyuan-sale .sec-3 .crown-card {
  z-index: 1;
}

.NorthTaoyuan-sale .sec-3 .crown-icon {
  position: absolute;
  top: -26px;
  left: -18px;
  width: 72px;
  z-index: 3;
}

.NorthTaoyuan-sale .sec-3 .crown-icon img {
  display: block;
  width: 100%;
  height: auto;
}

/* 隱藏卷軸 */
.NorthTaoyuan-sale .sec-3 .plan-scroll::-webkit-scrollbar {
  display: none;
}

.NorthTaoyuan-sale .sec-3 .plan-scroll {
  scrollbar-width: none;
}


/* 📱 平板 */
@media (min-width: 769px) and (max-width: 1080px) {
.NorthTaoyuan-sale .NorthTaoyuan-sale .sec-3 h2{ font-weight: 900; text-align: center; margin-top: 28px; font-size: 30px;}

.NorthTaoyuan-sale .sec-3 .plan-list {
    gap: 20px;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card {
    width: calc((100% - 20px) / 2);
    min-width: 280px;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card-body {
    padding: 22px 20px 20px;
  }

  .NorthTaoyuan-sale .sec-3 .product-images img {
    max-width: 100px;
    max-height: 78px;
  }

  .NorthTaoyuan-sale .sec-3 .feature-list li {
    font-size: 16px;
  }

  .NorthTaoyuan-sale .sec-3 .daily-price {
    font-size: 28px;
  }

  .NorthTaoyuan-sale .sec-3 .card-btn {
    min-height: 48px;
    font-size: 20px;
  }

  .NorthTaoyuan-sale .sec-3 .crown-icon {
    width: 64px;
    top: -30px;
    left: -14px;
  }
}

@media (max-width: 768px) { .NorthTaoyuan-sale .sec-3 h2{ font-weight: 900; text-align: center; margin-top: 28px; font-size: 24px; line-height: 1.3;  margin-bottom: 20px;}

.NorthTaoyuan-sale .sec-3 {
    padding: 0 16px;
  }

  .NorthTaoyuan-sale .sec-3 .mobile-scroll-tip {
    display: block;
  }

  .NorthTaoyuan-sale .sec-3 .plan-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 60px;
    margin-top: 4px;
    padding-top: 20px;   /* ⭐給皇冠空間 */
    padding-left:10px ;
  }

 .NorthTaoyuan-sale .sec-3 .plan-list {
    width: max-content;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 4px 0 0;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card {
    width: 300px;
    min-width: 300px;
    max-width: none;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card-head {
    padding: 16px 16px;
    border-radius: 22px 22px 0 0;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card-head h3 {
    font-size: 20px;
  }

  .NorthTaoyuan-sale .sec-3 .ott-card-body {
    padding: 12px 20px 4px;
    border-radius: 0 0 22px 22px;
    height: 370px;
  }

  .NorthTaoyuan-sale .sec-3 .total-price {
    font-size: 16px;
  }

  .NorthTaoyuan-sale .sec-3 .total-price strong {
    font-size: 22px;
  }

  .NorthTaoyuan-sale .sec-3 .product-images {
    min-height: 88px;
    gap: 10px;
    margin-bottom: 8px;
  }

  .NorthTaoyuan-sale .sec-3 .product-images img {
    max-width: 92px;
    max-height: 72px;
  }

  .NorthTaoyuan-sale .sec-3 .contract {
    margin-bottom: 14px;
    font-size: 13px;
  }

  .NorthTaoyuan-sale .sec-3 .feature-list {
    margin-bottom: 16px;
  }

  .NorthTaoyuan-sale .sec-3 .feature-list li {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 6px;
  }

  .NorthTaoyuan-sale .sec-3 .daily-price {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .NorthTaoyuan-sale .sec-3 .card-btns {
    gap: 10px;
  }

  .NorthTaoyuan-sale .sec-3 .card-btn {
    min-height: 44px;
    font-size: 16px;
  }

  .NorthTaoyuan-sale .sec-3 .crown-icon {
    width: 58px;
    top: -21px;
    left: -13px;
  }
}

/* 海報 */

.NorthTaoyuan-sale .sec-3 .dposter{
  max-width: 900px;;
  margin: 100px auto 0; /* 上距離 + 水平置中 */ 
}

@media (max-width: 768px) { 

 .NorthTaoyuan-sale .sec-3 .dposter{
   max-width:100%; 
  margin: 50px auto 0; /* 上距離 + 水平置中 */ 
}
}

/* sb */

.NorthTaoyuan-sale .sec-3 .sb{

  margin-bottom: 60px;
}

@media (max-width: 768px){

   .NorthTaoyuan-sale .sec-3 .sb{
    max-width: none;
    margin: 10px -16px 0; /* 關鍵！往外撐 */
    margin-bottom: 20px;
}

}


/*promo-card 桃園*/

.NorthTaoyuan-sale .sec-4{width: 75%; margin: 0 auto;}
.NorthTaoyuan-sale .sec-4 .promo-card img{margin-top: 40px;}

/* 📱 手機 */
@media (max-width: 768px) {.NorthTaoyuan-sale .sec-4{width: 90%; margin: 0 auto;}}


/*QA_start*/
/* QA_start */
.NorthTaoyuan-sale .sec-5{
  width: 75%;
  margin: 0 auto;
}

.NorthTaoyuan-sale .qa-content{
  margin: 2.5% 0;
  background-color: #fff;
  padding: 1.5rem;
  box-shadow: 0 1px 10px rgba(0, 95, 92, .2);
  box-sizing: border-box;
  border-radius: 30px 30px 30px 30px;
}

.NorthTaoyuan-sale .qa-content .container-accordion{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
}

.NorthTaoyuan-sale .qa-content .container-accordion a{
  text-decoration: underline;
}

.NorthTaoyuan-sale .qa-content .container-accordion label{
  display: block;
  width: 100%;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  color: #00968f;
  line-height: 140%;
  box-sizing: border-box;
}

.NorthTaoyuan-sale .qa-content .container-accordion label h2{
  display: block;
  width: 100%;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  color: #00968f;
  line-height: 140%;
  box-sizing: border-box;
}

.NorthTaoyuan-sale .qa-content .container-accordion .red,
.NorthTaoyuan-sale .qa-content .container-accordion .container-accordion-content.red{
  color: #b60152 !important;
}

.NorthTaoyuan-sale .qa-content .container-accordion .accordion-navigation{
  border-bottom: #bfbfbf 1px dotted;
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-bottom: 1rem;
  box-sizing: border-box;
}

.NorthTaoyuan-sale .qa-content .container-accordion .accordion-navigation:last-child{
  border-bottom: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}

.container-accordion .container-accordion-content{
  height: 0;
  overflow: hidden;
  font-size: 1rem;
  line-height: 140%;
  transition: 0.3s ease-in !important;
  box-sizing: border-box;
}

input[type=radio]:checked + .container-accordion-content{
  height: auto;
  font-size: 1rem;
  line-height: 140%;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: .5rem;
  padding-top: .5rem;
}

input[type=radio]{
  display: none;
}

@media screen and (max-width: 992px) {
  .NorthTaoyuan-sale .sec-5{
    width: calc(100% - 32px);
    margin: 0 auto 25px;
    margin-top: 30px;
  }

  .NorthTaoyuan-sale .qa-content{
    width: 100%;
    margin: 0;
    padding: 1rem;
    box-sizing: border-box;
  }

  .NorthTaoyuan-sale .qa-content .container-accordion label{
    font-size: .9rem;
  }

    .NorthTaoyuan-sale .qa-content .container-accordion label h2{
    font-size: .9rem;
  }

  input[type=radio]:checked + .container-accordion-content{
    font-size: .9rem;
  }

  .container-accordion .container-accordion-content{
    font-size: .9rem;
  }
}


/* =========================
   北桃優惠區塊
========================= */
.NorthTaoyuan-sale {
  position: relative;
}

/* =========================
   固定跟著畫面的按鈕
   只要搭配 JS 控制 show / hide 即可
========================= */
.NTao-sticky {
  position: fixed;
  top: 80%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 9999;
  display: none;
  pointer-events: none;
}

.NTao-sticky.show {
  display: block;
  pointer-events: auto;
}

/* =========================
   按鈕本體樣式
========================= */
.NTao-sticky .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 14px 18px;
  background: #ff4d4f;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.NTao-sticky .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.NTao-sticky .btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.NTao-sticky .btn:focus {
  outline: none;
}

/* =========================
   平板
========================= */
@media (max-width: 1024px) {
  .NTao-sticky {
    right: -16px;
  }

  .NTao-sticky .btn {
    font-size: 16px;
    padding: 12px 16px;
    min-width: 80px;
  }
}

/* =========================
   手機版
   改到底部右下角，避免擋內容
========================= */
@media (max-width: 768px) {
  .NTao-sticky {
    top: auto;
    bottom: 20px;
    right: 16px;
    transform: none;
  }

  .NTao-sticky .btn {
    font-size: 15px;
    padding: 12px 16px;
    min-width: auto;
    border-radius: 999px;
  }
}

/* =========================
   小手機再縮一點
========================= */
@media (max-width: 480px) {
  .NTao-sticky {
    right: -26px;
    bottom: 130px;
  }

  .NTao-sticky .btn {
        font-size: 14px;
        padding: 10px 14px;
        padding-right: 33px;
  }
}