/* 基礎內容樣式 */
.pages-content h1,
.pages-content h2,
.pages-content h3 {
  color: #2B2B2B !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.pages-content h1 {
  font-size: 2rem !important;
  margin-top: 1.25rem !important;
  margin-bottom: 1.875rem !important;
}

.pages-content h2 {
  font-size: 1.625rem !important;
  margin-top: 2.8rem !important;
  margin-bottom: 1.25rem !important;
}

.pages-content h3 {
  font-size: 1.375rem !important;
  margin-top: 2.2rem !important;
  margin-bottom: 1rem !important;
}

.pages-content p,
.pages-content ul,
.pages-content li {
  line-height: 1.85 !important;
  color: #2B2B2B !important;
  font-size: 1rem !important;
  margin-bottom: 0 !important;
}

.pages-content p,
.pages-content ul {
  margin-bottom: 1rem !important;
}

.pages-content ul {
  padding-left: 1.5rem !important;
}

.pages-content li {
  margin-bottom: 0.5rem !important;
  list-style-position: outside;
}

.pages-content img {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  border-radius: 0.5rem !important;
}

/* 銷售據點 */
.store-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.store-table th {
    background: #f7f7f7;
    text-align: left;
    padding: 12px;
    font-size: 14px;
    color: #2B2B2B;
}

.store-table td {
    padding: 16px 12px;
    border-bottom: 1px solid #eee;
}

.tag {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #f2f2f2;
    margin-right: 6px;
}

.tag-hot {
    background: #ffeaea;
    color: #d9534f;
}

.tel-link {
    color: #2B2B2B;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding-left: 32px;
    display: inline-flex;
    align-items: center;
    transition: background 0.3s, transform 0.2s;
}

.tel-link::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;utf8,<svg height="25" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><g fill="%2340c057"><g transform="scale(5.12,5.12)"><path d="M14,3.99023c-5.51133,0 -10,4.48867 -10,10v22c0,5.51133 4.48867,10 10,10h22c5.51133,0 10,-4.48867 10,-10v-22c0,-5.51133 -4.48867,-10 -10,-10zM18.00586,12.0332c0.628,0.027 1.20473,0.38083 1.55273,0.92383c0.396,0.618 1.01055,1.57712 1.81055,2.82813c0.73,1.141 0.78091,2.61469 0.12891,3.80469l-1.46484,2.08398c-0.396,0.564 -0.47498,1.28588 -0.20898,1.92188c0.414,0.99 1.21658,2.5115 2.64258,3.9375c1.426,1.426 2.9475,2.22858 3.9375,2.64258c0.636,0.266 1.35788,0.18702 1.92188,-0.20898l2.08398,-1.46484c1.19,-0.652 2.66369,-0.60009 3.80469,0.12891c1.251,0.8 2.21012,1.41455 2.82813,1.81055c0.543,0.348 0.89683,0.92473 0.92383,1.55273c0.154,3.564 -2.60716,5.00781 -3.41016,5.00781c-0.556,0 -7.2403,0.7597 -14.7793,-6.7793c-7.539,-7.539 -6.7793,-14.2233 -6.7793,-14.7793c0,-0.803 1.44381,-3.56416 5.00781,-3.41016z"/></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.tel-link:hover {
    transform: translateY(-1px);
}

.status-notice {
    background-color: #fff9e6;
    border-left: 4px solid #ffcc00;
    padding: 16px;
    border-radius: 6px;
    font-size: 14px;
}

.channel-group {
    margin-bottom: 50px;
}

.channel-name-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.b2b-cta-box {
    display: block;
    background: #f7f7f7;
    padding: 5px 20px 30px 20px;
    border-radius: 10px;
    text-align: center;
    margin: 60px 0 30px 0;
}

.btn-b2b {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    background: #406359;
    color: #ffffff;
    transition: 0.3s;
}

.btn-b2b:hover { transform: translateY(-3px); color: #ffffff; }

/* FAQ 區塊 */
.pages-content .faq-item {
  margin-bottom: 0.75rem;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #f8f9fa;
  position: relative;
}

.pages-content .faq-item input[type="radio"] {
  display: none;
}

.pages-content .faq-question {
  position: relative;
  padding: 1.2rem 3rem 1.2rem 1.2rem;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.4;
  background: #f8f9fa;
  transition: background 0.3s ease;
  display: block;
}

.pages-content .faq-question span.toggle {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  font-weight: bold;
  transition: transform 0.3s ease;
  pointer-events: none;
}

.pages-content .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease, background 0.3s ease;
  padding: 0 1.2rem;
  background: transparent;
}

.pages-content .faq-item input[type="radio"]:checked ~ .faq-question {
  background: #eef0f3;
}

.pages-content .faq-item input[type="radio"]:checked ~ .faq-question span.toggle {
  transform: translateY(-50%) rotate(180deg);
}

.pages-content .faq-item input[type="radio"]:checked ~ .faq-answer {
  max-height: 9999px;
  padding: 1.2rem 1.2rem 1.4rem 1.2rem;
  background: #fff;
}

/* keyword Link */
a[data-seo-link] {
  font-weight: 600;
  color: #2b2b2b;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

a[data-seo-link]:hover {
  border-bottom: 1px solid #2b2b2b;
}

@media (max-width: 768px) {
    .store-table, .store-table thead, .store-table tbody, .store-table tr, .store-table td {
        display: block;
        width: 100%;
    }
    .store-table thead { display: none; }
    .store-table tr {
        margin-bottom: 20px;
        background: #eee;
        border-radius: 10px;
        padding: 15px;
    }
    .store-table td {
        border: none;
        padding: 6px 0;
    }
    .td-name { font-weight: 600; }
    .td-tel {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #ddd;
        text-align: center;  
    }
    .tel-link {
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 6px;
        border: 1px solid #ddd;
    }
    .tel-link::before {
        margin-right: 8px; 
        position: static; 
        transform: none;
    }
}

@media (max-width: 991px) {
  .pages-content h1 {
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .pages-content h2 {
    font-size: 1.31rem !important;
    margin-top: 2.2rem !important;
  }

  .pages-content h3 {
    font-size: 1.1rem !important;
    margin-top: 1.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .pages-content p,
  .pages-content ul,
  .pages-content li {
    line-height: 1.75 !important;
  }
}