/* ============================================================
   BUYGOOD.TW — 110 Homepage Templates Master Stylesheet
   全域高對比防護系統・零色差・長青大字無障礙規程
   ============================================================ */

/* ============================================================
   SECTION 1: UNIVERSAL DUAL-MODE CONTRAST SHIELDS (雙軌高對比護盾)
   嚴格杜絕「黑底黑字、白底白字、字體發灰看不清」的隱患
   ============================================================ */

/* ----- 1.1 LIGHT MODE UNIVERSAL SHIELD (淺色模式全域護盾) ----- */
body[data-theme-mode="light"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #f1f5f9;
  --bg-tertiary: #e2e8f0;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.94);

  --text-primary: #0f172a !important;
  --text-secondary: #334155 !important;
  --text-muted: #64748b !important;

  --border: rgba(15, 23, 42, 0.12);
  --border-hover: rgba(15, 23, 42, 0.28);
  --border-gold: var(--primary, #0f172a);

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.12);

  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* Header in Light Mode */
body[data-theme-mode="light"] .header {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body[data-theme-mode="light"] .header__logo-text {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: initial !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

body[data-theme-mode="light"] .header__nav-link {
  color: #334155 !important;
}

body[data-theme-mode="light"] .header__nav-link:hover {
  color: var(--primary, #0f172a) !important;
  background: rgba(15, 23, 42, 0.04) !important;
}

body[data-theme-mode="light"] .header__btn-admin {
  background: rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(15, 23, 42, 0.2) !important;
  color: #0f172a !important;
}

body[data-theme-mode="light"] .header__btn-admin:hover {
  background: var(--primary, #0f172a) !important;
  color: #ffffff !important;
}

body[data-theme-mode="light"] .header__btn-superadmin {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

body[data-theme-mode="light"] .header__back-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
}

body[data-theme-mode="light"] #header-address-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  white-space: nowrap !important;
}

body[data-theme-mode="light"] #header-address-btn:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: var(--primary, #0f172a) !important;
}

body[data-theme-mode="light"] .header__logo-badge,
body.template--warm .header__logo-badge {
  background: #fef3c7 !important;
  border: 1.5px solid #f59e0b !important;
  color: #92400e !important;
  font-weight: 800 !important;
}

/* Hero Section in Light Mode */
body[data-theme-mode="light"] .hero__title,
body[data-theme-mode="light"] .platform-hero__title {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .hero__title-accent,
body[data-theme-mode="light"] .platform-hero__title-accent {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: initial !important;
  color: var(--primary, #c2410c) !important;
}

body[data-theme-mode="light"] .hero__subtitle,
body[data-theme-mode="light"] .platform-hero__subtitle {
  color: #334155 !important;
}

body[data-theme-mode="light"] .hero__date {
  color: #64748b !important;
}

body[data-theme-mode="light"] .slot-badge,
body.template--warm .slot-badge {
  background: #fffbeb !important;
  border: 1.5px solid #d97706 !important;
  color: #92400e !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.15) !important;
}

body[data-theme-mode="light"] .slot-badge--morning,
body.template--warm .slot-badge--morning {
  background: #fffbeb !important;
  border: 1.5px solid #d97706 !important;
  color: #92400e !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .slot-badge--morning .slot-badge__dot,
body.template--warm .slot-badge--morning .slot-badge__dot {
  background: #d97706 !important;
  box-shadow: 0 0 8px rgba(217, 119, 6, 0.5) !important;
}

body[data-theme-mode="light"] .slot-badge--evening,
body.template--warm .slot-badge--evening {
  background: #f5f3ff !important;
  border: 1.5px solid #8b5cf6 !important;
  color: #5b21b6 !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .slot-badge--evening .slot-badge__dot,
body.template--warm .slot-badge--evening .slot-badge__dot {
  background: #7c3aed !important;
  box-shadow: 0 0 8px rgba(124, 58, 237, 0.5) !important;
}

body[data-theme-mode="light"] .hero__badge,
body[data-theme-mode="light"] .platform-hero__badge {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-weight: 700 !important;
}

/* Product Card in Light Mode */
body[data-theme-mode="light"] .product-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06) !important;
}

body[data-theme-mode="light"] .product-card__badge-discount,
body.template--warm .product-card__badge-discount {
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .product-card__calc-badge,
body.template--warm .product-card__calc-badge {
  background: #fff7ed !important;
  border: 1.5px solid #ea580c !important;
  color: #9a3412 !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .product-card__limited-badge,
body.template--warm .product-card__limited-badge {
  background: rgba(15, 23, 42, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.5) !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .product-card__platform-badge.platform-badge--custom,
body.template--warm .product-card__platform-badge.platform-badge--custom {
  background: #ea580c !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

body[data-theme-mode="light"] .product-card__name {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .product-card__description {
  color: #334155 !important;
}

body[data-theme-mode="light"] .product-card__highlights-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--primary, #0f172a) !important;
}

body[data-theme-mode="light"] .product-card__highlights-title {
  color: var(--primary, #0f172a) !important;
  font-weight: 700 !important;
}

body[data-theme-mode="light"] .product-card__highlights-list li {
  color: #334155 !important;
}

body[data-theme-mode="light"] .product-card__trust-bar .trust-item {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  font-weight: 600 !important;
}

body[data-theme-mode="light"] .product-card__price-row {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body[data-theme-mode="light"] .product-card__price-original {
  color: #64748b !important;
}

body[data-theme-mode="light"] .product-card__unit-tag {
  background: #e2e8f0 !important;
  color: #1e293b !important;
  font-weight: 700 !important;
}

/* Countdown Section in Light Mode */
body[data-theme-mode="light"] .countdown__label {
  color: #475569 !important;
  font-weight: 700 !important;
}

body[data-theme-mode="light"] .countdown__number {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

body[data-theme-mode="light"] .countdown__unit {
  color: #475569 !important;
  font-weight: 700 !important;
}

body[data-theme-mode="light"] .countdown__separator {
  color: var(--primary, #0f172a) !important;
}

body[data-theme-mode="light"] .countdown__hint {
  color: #475569 !important;
}

/* LINE Subscribe & PWA in Light Mode */
body[data-theme-mode="light"] .line-subscribe-card {
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%) !important;
  border: 1.5px solid rgba(22, 163, 74, 0.3) !important;
  color: #0f172a !important;
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.08) !important;
}

body[data-theme-mode="light"] .line-subscribe-card__title {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .line-subscribe-card__desc {
  color: #334155 !important;
}

body[data-theme-mode="light"] .saved-address-pill {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body[data-theme-mode="light"] .saved-address-pill__btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

body[data-theme-mode="light"] .pwa-guide-bar {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

body[data-theme-mode="light"] .pwa-guide-bar__btn {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* Share & History in Light Mode */
body[data-theme-mode="light"] .share-section__title {
  color: #334155 !important;
}

body[data-theme-mode="light"] .share-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body[data-theme-mode="light"] .history__title {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .history-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

body[data-theme-mode="light"] .history-card__name {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .history-card__date {
  color: #64748b !important;
}

/* Modals & Forms in Light Mode (CRITICAL TO AVOID WHITE-ON-WHITE!) */
body[data-theme-mode="light"] .modal,
body[data-theme-mode="light"] .direct-order-card,
body[data-theme-mode="light"] .modern-voice-modal {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.16) !important;
}

body[data-theme-mode="light"] .modal__title,
body[data-theme-mode="light"] .direct-order-card__title {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .modal__desc,
body[data-theme-mode="light"] .modal__text {
  color: #334155 !important;
}

body[data-theme-mode="light"] .form-label,
body[data-theme-mode="light"] .modal label {
  color: #1e293b !important;
  font-weight: 600 !important;
}

body[data-theme-mode="light"] .form-input,
body[data-theme-mode="light"] .modern-input,
body[data-theme-mode="light"] input[type="text"],
body[data-theme-mode="light"] input[type="tel"],
body[data-theme-mode="light"] select.form-input {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  font-weight: 500 !important;
}

body[data-theme-mode="light"] input::placeholder,
body[data-theme-mode="light"] .modern-input::placeholder {
  color: #94a3b8 !important;
}

body[data-theme-mode="light"] .form-input:focus,
body[data-theme-mode="light"] .modern-input:focus {
  border-color: var(--primary, #0f172a) !important;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important;
}

body[data-theme-mode="light"] .voice-hero-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body[data-theme-mode="light"] .voice-mic-status {
  color: #0f172a !important;
}

body[data-theme-mode="light"] .voice-sub-hint {
  color: #475569 !important;
}

body[data-theme-mode="light"] .voice-transcript-box {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

body[data-theme-mode="light"] .voice-transcript-text {
  color: #1e293b !important;
}

body[data-theme-mode="light"] .voice-transcript-label {
  color: #334155 !important;
}

/* Footer in Light Mode */
body[data-theme-mode="light"] .footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #475569 !important;
}

body[data-theme-mode="light"] .footer__text,
body[data-theme-mode="light"] .footer__desc,
body[data-theme-mode="light"] .footer__copy {
  color: #475569 !important;
}

body[data-theme-mode="light"] .footer__link {
  color: #334155 !important;
}

body[data-theme-mode="light"] .footer__link:hover {
  color: var(--primary, #0f172a) !important;
}


/* ----- 1.2 DARK MODE UNIVERSAL SHIELD (深色模式全域護盾) ----- */
body[data-theme-mode="dark"] {
  --text-primary: #f8fafc !important;
  --text-secondary: #cbd5e1 !important;
  --text-muted: #94a3b8 !important;

  color: var(--text-primary);
}

body[data-theme-mode="dark"] .product-card__name,
body[data-theme-mode="dark"] .hero__title,
body[data-theme-mode="dark"] .modal__title,
body[data-theme-mode="dark"] .direct-order-card__title,
body[data-theme-mode="dark"] .history__title {
  color: #ffffff !important;
}

body[data-theme-mode="dark"] .product-card__description,
body[data-theme-mode="dark"] .hero__subtitle,
body[data-theme-mode="dark"] .modal__desc,
body[data-theme-mode="dark"] .voice-transcript-text {
  color: #cbd5e1 !important;
}

body[data-theme-mode="dark"] .form-input,
body[data-theme-mode="dark"] .modern-input,
body[data-theme-mode="dark"] input[type="text"],
body[data-theme-mode="dark"] input[type="tel"],
body[data-theme-mode="dark"] select.form-input {
  background-color: #141425 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

body[data-theme-mode="dark"] input::placeholder,
body[data-theme-mode="dark"] .modern-input::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}


/* ============================================================
   SECTION 2: BUTTON ACCESSIBILITY CONTRAST ENFORCEMENT
   嚴禁使用 color: var(--bg-primary) 造成文字隱形
   ============================================================ */

.buy-btn,
.btn--primary,
.modal__btn--confirm {
  color: var(--btn-primary-text, #ffffff) !important;
  background: var(--btn-primary-bg, var(--gold-gradient-btn)) !important;
}

.buy-btn--momo {
  color: #ffffff !important;
  background: linear-gradient(135deg, #d63031 0%, #e17055 50%, #d63031 100%) !important;
  border: 2px solid #ff7675 !important;
}


/* ============================================================
   SECTION 3: SENIOR-FRIENDLY (長青大字・老花友善) TYPOGRAPHY RULES
   字大・清楚・明瞭・老花眼不吃力無障礙規範
   ============================================================ */

body[data-is-senior="true"],
body.is-senior-template {
  font-size: 18px;
  line-height: 1.8;
}

/* 巨幅商品名稱 */
body[data-is-senior="true"] .product-card__name,
body.is-senior-template .product-card__name {
  font-size: clamp(2rem, 5vw, 2.7rem) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 16px !important;
}

/* 放大商品描述，行距拉寬好閱讀 */
body[data-is-senior="true"] .product-card__description,
body.is-senior-template .product-card__description {
  font-size: 1.25rem !important;
  line-height: 1.95 !important;
  font-weight: 500 !important;
  margin-bottom: 24px !important;
}

/* 巨無霸破盤價格標記 */
body[data-is-senior="true"] .product-card__price-val,
body.is-senior-template .product-card__price-val {
  font-size: clamp(3.2rem, 8vw, 4.2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  line-height: 1 !important;
}

body[data-is-senior="true"] .product-card__price-currency,
body.is-senior-template .product-card__price-currency {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
}

body[data-is-senior="true"] .product-card__price-label,
body.is-senior-template .product-card__price-label {
  font-size: 1.2rem !important;
  padding: 6px 14px !important;
  font-weight: 800 !important;
}

body[data-is-senior="true"] .product-card__price-original,
body.is-senior-template .product-card__price-original {
  font-size: 1.25rem !important;
}

body[data-is-senior="true"] .product-card__calc-badge,
body.is-senior-template .product-card__calc-badge {
  font-size: clamp(0.95rem, 1.3vw, 1.15rem) !important;
  padding: 8px 18px !important;
  font-weight: 800 !important;
  border-width: 2px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  flex-wrap: wrap !important;
  line-height: 1.45 !important;
}

/* 觸控巨型搶購按鈕 (長輩手指好點不誤觸) */
body[data-is-senior="true"] .buy-btn,
body.is-senior-template .buy-btn {
  font-size: 1.35rem !important;
  padding: 20px 48px !important;
  font-weight: 900 !important;
  border-radius: 9999px !important;
  letter-spacing: 2px !important;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45) !important;
  width: 100% !important;
  justify-content: center !important;
}

body[data-is-senior="true"] .buy-btn--momo,
body.is-senior-template .buy-btn--momo {
  font-size: 1.3rem !important;
  padding: 18px 36px !important;
  font-weight: 900 !important;
}

/* 特色與信賴標籤放大 */
body[data-is-senior="true"] .product-card__highlights-title,
body.is-senior-template .product-card__highlights-title {
  font-size: 1.2rem !important;
  margin-bottom: 12px !important;
}

body[data-is-senior="true"] .product-card__highlights-list li,
body.is-senior-template .product-card__highlights-list li {
  font-size: 1.15rem !important;
  line-height: 1.8 !important;
  margin-bottom: 8px !important;
}

body[data-is-senior="true"] .product-card__trust-bar,
body.is-senior-template .product-card__trust-bar {
  gap: 14px !important;
}

body[data-is-senior="true"] .trust-item,
body.is-senior-template .trust-item {
  font-size: 1.05rem !important;
  padding: 12px 8px !important;
  font-weight: 700 !important;
}

/* 倒數計時數字加大 */
body[data-is-senior="true"] .countdown__label,
body.is-senior-template .countdown__label {
  font-size: 1.1rem !important;
  letter-spacing: 3px !important;
}

body[data-is-senior="true"] .countdown__number,
body.is-senior-template .countdown__number {
  font-size: clamp(2.5rem, 6vw, 3.8rem) !important;
  padding: 16px 26px !important;
  font-weight: 900 !important;
}

body[data-is-senior="true"] .countdown__unit,
body.is-senior-template .countdown__unit {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
}

body[data-is-senior="true"] .countdown__hint,
body.is-senior-template .countdown__hint {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
}

/* 首頁標題與引導放大 */
body[data-is-senior="true"] .hero__title,
body.is-senior-template .hero__title {
  font-size: clamp(2.2rem, 6vw, 3.6rem) !important;
  font-weight: 900 !important;
}

body[data-is-senior="true"] .hero__subtitle,
body.is-senior-template .hero__subtitle {
  font-size: 1.25rem !important;
  line-height: 1.8 !important;
}

body[data-is-senior="true"] .slot-badge,
body.is-senior-template .slot-badge {
  font-size: 1rem !important;
  padding: 8px 20px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

/* 長青模式防折行安全護盾 (注意：長計算徽章 product-card__calc-badge 允許折行，禁止加入 nowrap) */
body[data-is-senior="true"] .buy-btn,
body.is-senior-template .buy-btn,
body[data-is-senior="true"] .trust-item,
body.is-senior-template .trust-item,
body[data-is-senior="true"] .countdown__number,
body.is-senior-template .countdown__number,
body[data-is-senior="true"] .countdown__unit,
body.is-senior-template .countdown__unit,
body[data-is-senior="true"] #header-address-btn,
body.is-senior-template #header-address-btn,
body[data-is-senior="true"] .header__nav-link,
body.is-senior-template .header__nav-link,
body[data-is-senior="true"] .header__back-btn,
body.is-senior-template .header__back-btn,
body[data-is-senior="true"] .header__btn-admin,
body.is-senior-template .header__btn-admin,
body[data-is-senior="true"] .header__btn-superadmin,
body.is-senior-template .header__btn-superadmin {
  white-space: nowrap !important;
  word-break: keep-all !important;
  flex-shrink: 0;
}

/* 長輩模式桌機雙欄微調：維持大字好讀，同時保持單螢幕全覽 */
@media (min-width: 768px) {
  body[data-is-senior="true"] .product-card__name,
  body.is-senior-template .product-card__name {
    font-size: clamp(1.3rem, 1.8vw, 1.65rem) !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }
  body[data-is-senior="true"] .product-card__price-val,
  body.is-senior-template .product-card__price-val {
    font-size: clamp(2.2rem, 3.2vw, 2.8rem) !important;
  }
  body[data-is-senior="true"] .buy-btn,
  body.is-senior-template .buy-btn {
    padding: 14px 28px !important;
    font-size: 1.15rem !important;
  }
  body[data-is-senior="true"] .share-action-btn,
  body.is-senior-template .share-action-btn {
    font-size: clamp(0.85rem, 1.2vw, 0.98rem) !important;
    padding: 10px 12px !important;
  }
  body[data-is-senior="true"] .product-card__share-panel,
  body.is-senior-template .product-card__share-panel {
    padding: 12px 16px !important;
  }
}

/* Mobile Senior Mode Defensive Layout (< 480px) */
@media (max-width: 480px) {
  body[data-is-senior="true"] .product-card__share-grid,
  body.is-senior-template .product-card__share-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-is-senior="true"] .share-action-btn,
  body.is-senior-template .share-action-btn {
    font-size: clamp(0.9rem, 2.8vw, 1.05rem) !important;
    padding: 11px 16px !important;
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Senior Mode Elastic Styling for LINE Subscribe Card */
body[data-is-senior="true"] .line-subscribe-card__title,
body.is-senior-template .line-subscribe-card__title {
  font-size: clamp(1.25rem, 3vw, 1.55rem) !important;
  line-height: 1.4 !important;
}

body[data-is-senior="true"] .line-subscribe-card__desc,
body.is-senior-template .line-subscribe-card__desc {
  font-size: clamp(0.98rem, 2.2vw, 1.12rem) !important;
  line-height: 1.7 !important;
}

body[data-is-senior="true"] .btn--line-subscribe,
body.is-senior-template .btn--line-subscribe {
  font-size: clamp(1.05rem, 2.4vw, 1.2rem) !important;
  padding: 16px 32px !important;
}

/* Senior Mode Elastic Defense for LINE Assist & Senior Login Hint */
body[data-is-senior="true"] .btn--line-assist,
body.is-senior-template .btn--line-assist {
  padding: 14px 20px !important;
  border-radius: 14px !important;
  margin-top: 14px !important;
}

body[data-is-senior="true"] .btn--line-assist__title,
body.is-senior-template .btn--line-assist__title {
  font-size: clamp(1.05rem, 2.6vw, 1.22rem) !important;
  line-height: 1.4 !important;
}

body[data-is-senior="true"] .btn--line-assist__sub,
body.is-senior-template .btn--line-assist__sub {
  font-size: clamp(0.85rem, 2vw, 0.96rem) !important;
  line-height: 1.4 !important;
}

body[data-is-senior="true"] .product-card__senior-login-hint,
body.is-senior-template .product-card__senior-login-hint {
  font-size: clamp(0.92rem, 2.2vw, 1.05rem) !important;
  padding: 12px 16px !important;
  line-height: 1.55 !important;
}

/* ============================================================
   SECTION 4: 110 INDIVIDUAL TEMPLATE CSS RULES
   包含色彩變數、按鈕色、背景色精確適配
   ============================================================ */

/* ----- 🧓 類別 1: 長青樂齡・大字護眼清晰系列 (10 款) ----- */

body.template--senior-gold-black {
  --primary: #ffd700;
  --bg-primary: #050508;
  --bg-secondary: #0c0c14;
  --bg-card: #0f0f18;
  --text-primary: #ffffff;
  --text-secondary: #fef08a;
  --btn-primary-bg: linear-gradient(135deg, #ffd700, #f59e0b);
  --btn-primary-text: #000000;
  --border: rgba(255, 215, 0, 0.35);
  --border-gold: #ffd700;
}

body.template--senior-clean-white {
  --primary: #e11d48;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-card: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #1e293b;
  --btn-primary-bg: #e11d48;
  --btn-primary-text: #ffffff;
  --border: #cbd5e1;
}

body.template--senior-warm-amber {
  --primary: #c2410c;
  --bg-primary: #fbf7ee;
  --bg-secondary: #f5eedb;
  --bg-card: #ffffff;
  --text-primary: #292524;
  --text-secondary: #44403c;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
  --border: #e7e5e4;
}

body.template--senior-bright-yellow {
  --primary: #facc15;
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-card: #18181b;
  --text-primary: #ffffff;
  --text-secondary: #fef08a;
  --btn-primary-bg: #facc15;
  --btn-primary-text: #000000;
  --border: rgba(250, 204, 21, 0.4);
}

body.template--senior-evergreen {
  --primary: #4ade80;
  --bg-primary: #06170d;
  --bg-secondary: #0c2617;
  --bg-card: #0c2617;
  --text-primary: #f0fdf4;
  --text-secondary: #bbf7d0;
  --btn-primary-bg: #22c55e;
  --btn-primary-text: #052e16;
  --border: rgba(74, 222, 128, 0.3);
}

body.template--senior-ocean-calm {
  --primary: #38bdf8;
  --bg-primary: #081326;
  --bg-secondary: #0f203d;
  --bg-card: #0f203d;
  --text-primary: #f8fafc;
  --text-secondary: #bae6fd;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
  --border: rgba(56, 189, 248, 0.3);
}

body.template--senior-sunset-red {
  --primary: #fbbf24;
  --bg-primary: #1a0608;
  --bg-secondary: #2d0a0d;
  --bg-card: #2d0a0d;
  --text-primary: #fff1f2;
  --text-secondary: #fecdd3;
  --btn-primary-bg: #e11d48;
  --btn-primary-text: #ffffff;
  --border: rgba(251, 191, 36, 0.35);
}

body.template--senior-lavender-soft {
  --primary: #7c3aed;
  --bg-primary: #f5f3ff;
  --bg-secondary: #ede9fe;
  --bg-card: #ffffff;
  --text-primary: #2e1065;
  --text-secondary: #4c1d95;
  --btn-primary-bg: #7c3aed;
  --btn-primary-text: #ffffff;
  --border: #ddd6fe;
}

body.template--senior-paper-sepia {
  --primary: #0284c7;
  --bg-primary: #f4f4f5;
  --bg-secondary: #e4e4e7;
  --bg-card: #ffffff;
  --text-primary: #18181b;
  --text-secondary: #27272a;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
  --border: #d4d4d8;
}

body.template--senior-high-contrast {
  --primary: #ffffff;
  --bg-primary: #000000;
  --bg-secondary: #121212;
  --bg-card: #121212;
  --text-primary: #ffffff;
  --text-secondary: #e4e4e7;
  --btn-primary-bg: #ffffff;
  --btn-primary-text: #000000;
  --border: #ffffff;
}


/* ----- 💎 類別 2: 尊榮名品・奢華旗艦 (10 款) ----- */

body.template--luxury {
  --primary: #c9a84c;
  --bg-primary: #08080f;
  --bg-secondary: #0e0e1a;
  --bg-card: rgba(201, 168, 76, 0.05);
  --btn-primary-bg: linear-gradient(135deg, #c9a84c 0%, #f0d78c 50%, #c9a84c 100%);
  --btn-primary-text: #08080f;
}

body.template--obsidian-gold {
  --primary: #eab308;
  --bg-primary: #030712;
  --bg-secondary: #111827;
  --bg-card: #111827;
  --btn-primary-bg: linear-gradient(135deg, #eab308, #ca8a04);
  --btn-primary-text: #030712;
}

body.template--midnight-diamond {
  --primary: #60a5fa;
  --bg-primary: #020617;
  --bg-secondary: #0f172a;
  --bg-card: #0f172a;
  --btn-primary-bg: #3b82f6;
  --btn-primary-text: #ffffff;
}

body.template--hermes-orange {
  --primary: #fb923c;
  --bg-primary: #120b08;
  --bg-secondary: #20150e;
  --bg-card: #20150e;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
}

body.template--cartier-burgundy {
  --primary: #f59e0b;
  --bg-primary: #170608;
  --bg-secondary: #2a0c10;
  --bg-card: #2a0c10;
  --btn-primary-bg: #b91c1c;
  --btn-primary-text: #ffffff;
}

body.template--rolex-emerald {
  --primary: #34d399;
  --bg-primary: #03140e;
  --bg-secondary: #07241a;
  --bg-card: #07241a;
  --btn-primary-bg: #059669;
  --btn-primary-text: #ffffff;
}

body.template--royal-purple {
  --primary: #c084fc;
  --bg-primary: #0f051d;
  --bg-secondary: #1d0c36;
  --bg-card: #1d0c36;
  --btn-primary-bg: #9333ea;
  --btn-primary-text: #ffffff;
}

body.template--champagne-glam {
  --primary: #fde047;
  --bg-primary: #0f0e08;
  --bg-secondary: #1d1b10;
  --bg-card: #1d1b10;
  --btn-primary-bg: #ca8a04;
  --btn-primary-text: #000000;
}

body.template--titanium-black {
  --primary: #e2e8f0;
  --bg-primary: #090a0f;
  --bg-secondary: #12141d;
  --bg-card: #12141d;
  --btn-primary-bg: #e2e8f0;
  --btn-primary-text: #090a0f;
}

body.template--rose-gold-elegance {
  --primary: #f472b6;
  --bg-primary: #13090e;
  --bg-secondary: #22111a;
  --bg-card: #22111a;
  --btn-primary-bg: #db2777;
  --btn-primary-text: #ffffff;
}


/* ----- 🌿 類別 3: 日系無印・大地生活 (10 款) ----- */

body.template--warm {
  --primary: #4e8752;
  --bg-primary: #faf6f0;
  --bg-secondary: #f3ecdf;
  --bg-card: #ffffff;
  --btn-primary-bg: #4e8752;
  --btn-primary-text: #ffffff;
}

body.template--muji-linen {
  --primary: #65a30d;
  --bg-primary: #f7f5f0;
  --bg-secondary: #ebe7de;
  --bg-card: #ffffff;
  --btn-primary-bg: #4d7c0f;
  --btn-primary-text: #ffffff;
}

body.template--kyoto-matcha {
  --primary: #15803d;
  --bg-primary: #f4f7f4;
  --bg-secondary: #e2ede2;
  --bg-card: #ffffff;
  --btn-primary-bg: #16a34a;
  --btn-primary-text: #ffffff;
}

body.template--oat-latte {
  --primary: #b45309;
  --bg-primary: #fbf8f3;
  --bg-secondary: #f1eae0;
  --bg-card: #ffffff;
  --btn-primary-bg: #d97706;
  --btn-primary-text: #ffffff;
}

body.template--wabi-sabi {
  --primary: #78716c;
  --bg-primary: #f5f5f4;
  --bg-secondary: #e7e5e4;
  --bg-card: #ffffff;
  --btn-primary-bg: #57534e;
  --btn-primary-text: #ffffff;
}

body.template--bamboo-breeze {
  --primary: #059669;
  --bg-primary: #f2fbf6;
  --bg-secondary: #e0f6eb;
  --bg-card: #ffffff;
  --btn-primary-bg: #047857;
  --btn-primary-text: #ffffff;
}

body.template--cotton-cream {
  --primary: #0284c7;
  --bg-primary: #f8fafc;
  --bg-secondary: #f1f5f9;
  --bg-card: #ffffff;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--morandi-sage {
  --primary: #0d9488;
  --bg-primary: #f0fdfa;
  --bg-secondary: #ccfbf1;
  --bg-card: #ffffff;
  --btn-primary-bg: #0f766e;
  --btn-primary-text: #ffffff;
}

body.template--nordic-wood {
  --primary: #9a3412;
  --bg-primary: #faf5f0;
  --bg-secondary: #f2e6dc;
  --bg-card: #ffffff;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
}

body.template--tatami-zen {
  --primary: #65a30d;
  --bg-primary: #f7fee7;
  --bg-secondary: #ecfccb;
  --bg-card: #ffffff;
  --btn-primary-bg: #84cc16;
  --btn-primary-text: #14532d;
}


/* ----- 🔥 類別 4: 極限破盤・大字強檔 (10 款) ----- */

body.template--bargain {
  --primary: #ff3838;
  --bg-primary: #0d090a;
  --bg-secondary: #170f12;
  --bg-card: rgba(255, 56, 56, 0.05);
  --btn-primary-bg: linear-gradient(135deg, #ff3838 0%, #ff6b6b 100%);
  --btn-primary-text: #ffffff;
}

body.template--costco-wholesale {
  --primary: #dc2626;
  --bg-primary: #f8fafc;
  --bg-secondary: #e2e8f0;
  --bg-card: #ffffff;
  --btn-primary-bg: #dc2626;
  --btn-primary-text: #ffffff;
}

body.template--donki-yellow {
  --primary: #eab308;
  --bg-primary: #0a0a05;
  --bg-secondary: #17170a;
  --bg-card: #17170a;
  --btn-primary-bg: #facc15;
  --btn-primary-text: #000000;
}

body.template--supermarket-rush {
  --primary: #ef4444;
  --bg-primary: #120708;
  --bg-secondary: #220e10;
  --bg-card: #220e10;
  --btn-primary-bg: #ef4444;
  --btn-primary-text: #ffffff;
}

body.template--flash-red {
  --primary: #f87171;
  --bg-primary: #1a0505;
  --bg-secondary: #2d0c0c;
  --bg-card: #2d0c0c;
  --btn-primary-bg: #dc2626;
  --btn-primary-text: #ffffff;
}

body.template--crazy-midnight {
  --primary: #a855f7;
  --bg-primary: #090514;
  --bg-secondary: #150c2a;
  --bg-card: #150c2a;
  --btn-primary-bg: #9333ea;
  --btn-primary-text: #ffffff;
}

body.template--warehouse-clearance {
  --primary: #ea580c;
  --bg-primary: #fbf9f5;
  --bg-secondary: #f3ede2;
  --bg-card: #ffffff;
  --btn-primary-bg: #ea580c;
  --btn-primary-text: #ffffff;
}

body.template--double11-fire {
  --primary: #f43f5e;
  --bg-primary: #18040a;
  --bg-secondary: #2b0914;
  --bg-card: #2b0914;
  --btn-primary-bg: #e11d48;
  --btn-primary-text: #ffffff;
}

body.template--market-strike {
  --primary: #b91c1c;
  --bg-primary: #fef2f2;
  --bg-secondary: #fee2e2;
  --bg-card: #ffffff;
  --btn-primary-bg: #dc2626;
  --btn-primary-text: #ffffff;
}

body.template--black-friday-rush {
  --primary: #22c55e;
  --bg-primary: #050505;
  --bg-secondary: #121212;
  --bg-card: #121212;
  --btn-primary-bg: #16a34a;
  --btn-primary-text: #ffffff;
}


/* ----- 🌸 類別 5: 粉漾甜心・美妝保養 (10 款) ----- */

body.template--sakura-spring {
  --primary: #ec4899;
  --bg-primary: #fdf2f8;
  --bg-secondary: #fce7f3;
  --bg-card: #ffffff;
  --btn-primary-bg: #ec4899;
  --btn-primary-text: #ffffff;
}

body.template--peach-smoothie {
  --primary: #f97316;
  --bg-primary: #fff7ed;
  --bg-secondary: #ffedd5;
  --bg-card: #ffffff;
  --btn-primary-bg: #fb923c;
  --btn-primary-text: #431407;
}

body.template--berry-sorbet {
  --primary: #e11d48;
  --bg-primary: #fff1f2;
  --bg-secondary: #ffe4e6;
  --bg-card: #ffffff;
  --btn-primary-bg: #f43f5e;
  --btn-primary-text: #ffffff;
}

body.template--lavender-dream {
  --primary: #8b5cf6;
  --bg-primary: #faf5ff;
  --bg-secondary: #f3e8ff;
  --bg-card: #ffffff;
  --btn-primary-bg: #8b5cf6;
  --btn-primary-text: #ffffff;
}

body.template--cotton-candy {
  --primary: #06b6d4;
  --bg-primary: #ecfeff;
  --bg-secondary: #cffafe;
  --bg-card: #ffffff;
  --btn-primary-bg: #0891b2;
  --btn-primary-text: #ffffff;
}

body.template--rose-garden {
  --primary: #fb7185;
  --bg-primary: #160408;
  --bg-secondary: #2b0912;
  --bg-card: #2b0912;
  --btn-primary-bg: #e11d48;
  --btn-primary-text: #ffffff;
}

body.template--coral-blush {
  --primary: #f43f5e;
  --bg-primary: #fff1f2;
  --bg-secondary: #ffe4e6;
  --bg-card: #ffffff;
  --btn-primary-bg: #e11d48;
  --btn-primary-text: #ffffff;
}

body.template--milky-taro {
  --primary: #7c3aed;
  --bg-primary: #f5f3ff;
  --bg-secondary: #ede9fe;
  --bg-card: #ffffff;
  --btn-primary-bg: #8b5cf6;
  --btn-primary-text: #ffffff;
}

body.template--cherry-blossom-night {
  --primary: #f472b6;
  --bg-primary: #150611;
  --bg-secondary: #260c20;
  --bg-card: #260c20;
  --btn-primary-bg: #db2777;
  --btn-primary-text: #ffffff;
}

body.template--vanilla-macaron {
  --primary: #d97706;
  --bg-primary: #fefce8;
  --bg-secondary: #fef9c3;
  --bg-card: #ffffff;
  --btn-primary-bg: #eab308;
  --btn-primary-text: #422006;
}


/* ----- ⚡ 類別 6: 未來科技・賽博電競 (10 款) ----- */

body.template--cyberpunk-neon {
  --primary: #00f0ff;
  --bg-primary: #090514;
  --bg-secondary: #140c2a;
  --bg-card: #140c2a;
  --btn-primary-bg: #ff007f;
  --btn-primary-text: #ffffff;
}

body.template--matrix-green {
  --primary: #22c55e;
  --bg-primary: #020d04;
  --bg-secondary: #051f0b;
  --bg-card: #051f0b;
  --btn-primary-bg: #16a34a;
  --btn-primary-text: #ffffff;
}

body.template--deep-nebula {
  --primary: #c084fc;
  --bg-primary: #060312;
  --bg-secondary: #12092c;
  --bg-card: #12092c;
  --btn-primary-bg: #7c3aed;
  --btn-primary-text: #ffffff;
}

body.template--mech-titanium {
  --primary: #38bdf8;
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: #1e293b;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--electric-violet {
  --primary: #a855f7;
  --bg-primary: #0d041c;
  --bg-secondary: #1a0b36;
  --bg-card: #1a0b36;
  --btn-primary-bg: #9333ea;
  --btn-primary-text: #ffffff;
}

body.template--quantum-core {
  --primary: #06b6d4;
  --bg-primary: #021017;
  --bg-secondary: #062330;
  --bg-card: #062330;
  --btn-primary-bg: #0891b2;
  --btn-primary-text: #ffffff;
}

body.template--synthwave-80s {
  --primary: #f43f5e;
  --bg-primary: #12021c;
  --bg-secondary: #240838;
  --bg-card: #240838;
  --btn-primary-bg: #fb923c;
  --btn-primary-text: #000000;
}

body.template--laser-cyan {
  --primary: #22d3ee;
  --bg-primary: #031117;
  --bg-secondary: #072533;
  --bg-card: #072533;
  --btn-primary-bg: #06b6d4;
  --btn-primary-text: #000000;
}

body.template--dark-stealth {
  --primary: #94a3b8;
  --bg-primary: #05070a;
  --bg-secondary: #10141d;
  --bg-card: #10141d;
  --btn-primary-bg: #475569;
  --btn-primary-text: #ffffff;
}

body.template--ai-singularity {
  --primary: #818cf8;
  --bg-primary: #08081a;
  --bg-secondary: #121235;
  --bg-card: #121235;
  --btn-primary-bg: #6366f1;
  --btn-primary-text: #ffffff;
}


/* ----- 🍃 類別 7: 清新自然・有機健康 (10 款) ----- */

body.template--morning-dew {
  --primary: #65a30d;
  --bg-primary: #f7fee7;
  --bg-secondary: #ecfccb;
  --bg-card: #ffffff;
  --btn-primary-bg: #84cc16;
  --btn-primary-text: #1a2e05;
}

body.template--alpine-tea {
  --primary: #15803d;
  --bg-primary: #f0fdf4;
  --bg-secondary: #dcfce7;
  --bg-card: #ffffff;
  --btn-primary-bg: #16a34a;
  --btn-primary-text: #ffffff;
}

body.template--avocado-green {
  --primary: #4d7c0f;
  --bg-primary: #f7fee7;
  --bg-secondary: #ecfccb;
  --bg-card: #ffffff;
  --btn-primary-bg: #65a30d;
  --btn-primary-text: #ffffff;
}

body.template--mediterranean-olive {
  --primary: #854d0e;
  --bg-primary: #fefce8;
  --bg-secondary: #fef9c3;
  --bg-card: #ffffff;
  --btn-primary-bg: #ca8a04;
  --btn-primary-text: #422006;
}

body.template--forest-camping {
  --primary: #22c55e;
  --bg-primary: #06130b;
  --bg-secondary: #0d2516;
  --bg-card: #0d2516;
  --btn-primary-bg: #16a34a;
  --btn-primary-text: #ffffff;
}

body.template--mint-breeze {
  --primary: #0d9488;
  --bg-primary: #f0fdfa;
  --bg-secondary: #ccfbf1;
  --bg-card: #ffffff;
  --btn-primary-bg: #0f766e;
  --btn-primary-text: #ffffff;
}

body.template--herbal-botanical {
  --primary: #b45309;
  --bg-primary: #fffbeb;
  --bg-secondary: #fef3c7;
  --bg-card: #ffffff;
  --btn-primary-bg: #d97706;
  --btn-primary-text: #ffffff;
}

body.template--succulent-garden {
  --primary: #059669;
  --bg-primary: #ecfdf5;
  --bg-secondary: #d1fae5;
  --bg-card: #ffffff;
  --btn-primary-bg: #047857;
  --btn-primary-text: #ffffff;
}

body.template--emerald-spring {
  --primary: #16a34a;
  --bg-primary: #f0fdf4;
  --bg-secondary: #dcfce7;
  --bg-card: #ffffff;
  --btn-primary-bg: #15803d;
  --btn-primary-text: #ffffff;
}

body.template--island-rainforest {
  --primary: #4ade80;
  --bg-primary: #03140a;
  --bg-secondary: #082515;
  --bg-card: #082515;
  --btn-primary-bg: #22c55e;
  --btn-primary-text: #052e16;
}


/* ----- 🌊 類別 8: 蔚藍海洋・度假漫遊 (10 款) ----- */

body.template--santorini-blue {
  --primary: #0284c7;
  --bg-primary: #ffffff;
  --bg-secondary: #f0f9ff;
  --bg-card: #ffffff;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--maldives-lagoon {
  --primary: #0891b2;
  --bg-primary: #f0fdfa;
  --bg-secondary: #cffafe;
  --bg-card: #ffffff;
  --btn-primary-bg: #0e7490;
  --btn-primary-text: #ffffff;
}

body.template--okinawa-summer {
  --primary: #2563eb;
  --bg-primary: #eff6ff;
  --bg-secondary: #dbeafe;
  --bg-card: #ffffff;
  --btn-primary-bg: #3b82f6;
  --btn-primary-text: #ffffff;
}

body.template--hawaii-sunset {
  --primary: #fb923c;
  --bg-primary: #17061f;
  --bg-secondary: #2a0d38;
  --bg-card: #2a0d38;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
}

body.template--abyss-trench {
  --primary: #38bdf8;
  --bg-primary: #030a17;
  --bg-secondary: #07152d;
  --bg-card: #07152d;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--iceland-glacier {
  --primary: #0284c7;
  --bg-primary: #f8fafc;
  --bg-secondary: #e2e8f0;
  --bg-card: #ffffff;
  --btn-primary-bg: #38bdf8;
  --btn-primary-text: #0c4a6e;
}

body.template--caribbean-aqua {
  --primary: #0d9488;
  --bg-primary: #f0fdfa;
  --bg-secondary: #ccfbf1;
  --bg-card: #ffffff;
  --btn-primary-bg: #0f766e;
  --btn-primary-text: #ffffff;
}

body.template--coastal-yacht {
  --primary: #1d4ed8;
  --bg-primary: #f1f5f9;
  --bg-secondary: #e2e8f0;
  --bg-card: #ffffff;
  --btn-primary-bg: #2563eb;
  --btn-primary-text: #ffffff;
}

body.template--sea-breeze-linen {
  --primary: #0284c7;
  --bg-primary: #fcfdff;
  --bg-secondary: #f0f9ff;
  --bg-card: #ffffff;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--pearl-shell {
  --primary: #4f46e5;
  --bg-primary: #f5f7ff;
  --bg-secondary: #e0e7ff;
  --bg-card: #ffffff;
  --btn-primary-bg: #6366f1;
  --btn-primary-text: #ffffff;
}


/* ----- 🎨 類別 9: 文藝設計・莫蘭迪人文 (10 款) ----- */

body.template--morandi-mist-blue {
  --primary: #475569;
  --bg-primary: #f1f5f9;
  --bg-secondary: #e2e8f0;
  --bg-card: #ffffff;
  --btn-primary-bg: #334155;
  --btn-primary-text: #ffffff;
}

body.template--morandi-dusty-pink {
  --primary: #be185d;
  --bg-primary: #fdf2f8;
  --bg-secondary: #fce7f3;
  --bg-card: #ffffff;
  --btn-primary-bg: #be185d;
  --btn-primary-text: #ffffff;
}

body.template--morandi-clay {
  --primary: #9a3412;
  --bg-primary: #faf5f0;
  --bg-secondary: #f2e5d9;
  --bg-card: #ffffff;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
}

body.template--bauhaus-minimal {
  --primary: #dc2626;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-card: #f8fafc;
  --btn-primary-bg: #0f172a;
  --btn-primary-text: #ffffff;
}

body.template--nordic-cool-gray {
  --primary: #2563eb;
  --bg-primary: #f3f4f6;
  --bg-secondary: #e5e7eb;
  --bg-card: #ffffff;
  --btn-primary-bg: #374151;
  --btn-primary-text: #ffffff;
}

body.template--french-vintage-cream {
  --primary: #b45309;
  --bg-primary: #fcf8f2;
  --bg-secondary: #f3e9db;
  --bg-card: #ffffff;
  --btn-primary-bg: #d97706;
  --btn-primary-text: #ffffff;
}

body.template--art-gallery-white {
  --primary: #18181b;
  --bg-primary: #ffffff;
  --bg-secondary: #f4f4f5;
  --bg-card: #ffffff;
  --btn-primary-bg: #18181b;
  --btn-primary-text: #ffffff;
}

body.template--retro-terrazzo {
  --primary: #059669;
  --bg-primary: #f4f4f5;
  --bg-secondary: #e4e4e7;
  --bg-card: #ffffff;
  --btn-primary-bg: #047857;
  --btn-primary-text: #ffffff;
}

body.template--scandi-hygge {
  --primary: #d97706;
  --bg-primary: #faf7f2;
  --bg-secondary: #f0e8dc;
  --bg-card: #ffffff;
  --btn-primary-bg: #b45309;
  --btn-primary-text: #ffffff;
}

body.template--editorial-magazine {
  --primary: #0284c7;
  --bg-primary: #fafafa;
  --bg-secondary: #f4f4f5;
  --bg-card: #ffffff;
  --btn-primary-bg: #0f172a;
  --btn-primary-text: #ffffff;
}


/* ----- ☕ 類別 10: 復古醇厚・老物咖啡 (10 款) ----- */

body.template--dark-roast-coffee {
  --primary: #d97706;
  --bg-primary: #0f0a06;
  --bg-secondary: #1d140e;
  --bg-card: #1d140e;
  --btn-primary-bg: #b45309;
  --btn-primary-text: #ffffff;
}

body.template--classic-leather {
  --primary: #fb923c;
  --bg-primary: #120906;
  --bg-secondary: #23130d;
  --bg-card: #23130d;
  --btn-primary-bg: #9a3412;
  --btn-primary-text: #ffffff;
}

body.template--whisky-amber {
  --primary: #f59e0b;
  --bg-primary: #140c04;
  --bg-secondary: #25170a;
  --bg-card: #25170a;
  --btn-primary-bg: #d97706;
  --btn-primary-text: #000000;
}

body.template--parchment-scroll {
  --primary: #b45309;
  --bg-primary: #fbf5e8;
  --bg-secondary: #f2e5cb;
  --bg-card: #ffffff;
  --btn-primary-bg: #92400e;
  --btn-primary-text: #ffffff;
}

body.template--smoked-rosewood {
  --primary: #f97316;
  --bg-primary: #140704;
  --bg-secondary: #240f09;
  --bg-card: #240f09;
  --btn-primary-bg: #c2410c;
  --btn-primary-text: #ffffff;
}

body.template--jazz-blue-note {
  --primary: #60a5fa;
  --bg-primary: #050917;
  --bg-secondary: #0b142e;
  --bg-card: #0b142e;
  --btn-primary-bg: #2563eb;
  --btn-primary-text: #ffffff;
}

body.template--gramophone-brass {
  --primary: #facc15;
  --bg-primary: #0f0c05;
  --bg-secondary: #20190c;
  --bg-card: #20190c;
  --btn-primary-bg: #ca8a04;
  --btn-primary-text: #000000;
}

body.template--cacao-truffle {
  --primary: #fb923c;
  --bg-primary: #0d0705;
  --bg-secondary: #1c100c;
  --bg-card: #1c100c;
  --btn-primary-bg: #ea580c;
  --btn-primary-text: #ffffff;
}

body.template--cigar-lounge {
  --primary: #d97706;
  --bg-primary: #100a06;
  --bg-secondary: #20140e;
  --bg-card: #20140e;
  --btn-primary-bg: #b45309;
  --btn-primary-text: #ffffff;
}

body.template--antique-bookstore {
  --primary: #854d0e;
  --bg-primary: #faf6ee;
  --bg-secondary: #ede3ce;
  --bg-card: #ffffff;
  --btn-primary-bg: #a16207;
  --btn-primary-text: #ffffff;
}


/* ----- 💼 類別 11: 現代商務・精準旗艦 (10 款) ----- */

body.template--wall-street-navy {
  --primary: #38bdf8;
  --bg-primary: #060d1c;
  --bg-secondary: #0d1a33;
  --bg-card: #0d1a33;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--corporate-azure {
  --primary: #0284c7;
  --bg-primary: #f0f9ff;
  --bg-secondary: #e0f2fe;
  --bg-card: #ffffff;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--swiss-clean-white {
  --primary: #dc2626;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-card: #ffffff;
  --btn-primary-bg: #dc2626;
  --btn-primary-text: #ffffff;
}

body.template--monochrome-black-white {
  --primary: #ffffff;
  --bg-primary: #000000;
  --bg-secondary: #111111;
  --bg-card: #111111;
  --btn-primary-bg: #ffffff;
  --btn-primary-text: #000000;
}

body.template--precision-silver {
  --primary: #cbd5e1;
  --bg-primary: #0a0d14;
  --bg-secondary: #141a26;
  --bg-card: #141a26;
  --btn-primary-bg: #64748b;
  --btn-primary-text: #ffffff;
}

body.template--legal-charcoal {
  --primary: #94a3b8;
  --bg-primary: #0b0f19;
  --bg-secondary: #161f30;
  --bg-card: #161f30;
  --btn-primary-bg: #3b82f6;
  --btn-primary-text: #ffffff;
}

body.template--think-tank-indigo {
  --primary: #818cf8;
  --bg-primary: #070a1e;
  --bg-secondary: #101538;
  --bg-card: #101538;
  --btn-primary-bg: #4f46e5;
  --btn-primary-text: #ffffff;
}

body.template--nordic-slate {
  --primary: #94a3b8;
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: #1e293b;
  --btn-primary-bg: #0284c7;
  --btn-primary-text: #ffffff;
}

body.template--platinum-executive {
  --primary: #e2e8f0;
  --bg-primary: #080c14;
  --bg-secondary: #121824;
  --bg-card: #121824;
  --btn-primary-bg: #e2e8f0;
  --btn-primary-text: #080c14;
}

body.template--pure-minimalist {
  --primary: #0f172a;
  --bg-primary: #fcfcfd;
  --bg-secondary: #f4f4f5;
  --bg-card: #ffffff;
  --btn-primary-bg: #0f172a;
  --btn-primary-text: #ffffff;
}

/* ============================================================
   SECTION 5: TEMPLATE STUDIO ADMIN SELECTOR STYLES
   ============================================================ */

.template-filter-tab {
  background: var(--bg-tertiary);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all var(--transition);
}
.template-filter-tab:hover {
  border-color: var(--gold);
  color: var(--text-primary);
}
.template-filter-tab.active {
  background: var(--gold);
  border-color: var(--gold);
  color: #08080f;
  font-weight: 800;
  box-shadow: 0 0 12px rgba(201, 168, 76, 0.35);
}

.template-mode-chip {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.74rem;
  padding: 4px 10px;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: all var(--transition);
}
.template-mode-chip:hover {
  border-color: var(--border-hover);
  color: var(--text-secondary);
}
.template-mode-chip.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--gold);
  color: var(--text-primary);
  font-weight: 700;
}

.template-card-item {
  display: flex;
  flex-direction: column;
  padding: 12px 14px;
  background: var(--bg-tertiary);
  border: 2px solid var(--border);
  border-radius: 10px;
  cursor: pointer;
  transition: all var(--transition);
  position: relative;
  user-select: none;
}
.template-card-item:hover {
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.template-card-item.selected {
  border-color: var(--gold) !important;
  background: rgba(201, 168, 76, 0.08) !important;
  box-shadow: 0 0 16px rgba(201, 168, 76, 0.25) !important;
}
.template-card-item--senior {
  border-left: 4px solid #f59e0b !important;
}