/* =========================================
   section-footer.css  —  CLEAN CONSOLIDATED
   ========================================= */

/* === Base theme (保留原版) === */
.footer {
  margin-top: 5rem;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.footer:not(.color-background-1) { border-top: none; }

.footer__content-top {
  padding-bottom: 5rem;
  padding-top: 5rem;
  display: block;
}

@media screen and (max-width: 749px) {
  .footer .grid { display: block; margin-left: 0; }
  .footer-block.grid__item { padding: 0; margin: 4rem 0; width: 100%; }
  .footer-block.grid__item:first-child { margin-top: 0; }
  .footer__content-top { padding-bottom: 3rem; padding-left: 4rem; padding-right: 4rem; }
}

@media screen and (min-width: 750px) {
  .footer__content-top .grid { margin-left: -3rem; row-gap: 6rem; margin-bottom: 0; }
  .footer__content-top .grid__item { padding-left: 3rem; }
}

.footer__content-bottom {
  border-top: solid 0.1rem rgba(var(--color-foreground), 0.15);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.footer__content-bottom:only-child { border-top: 0; }

.footer__content-bottom-wrapper { display: flex; width: 100%; }

@media screen and (max-width: 749px) {
  .footer__content-bottom { flex-wrap: wrap; padding-left: 0; padding-right: 0; row-gap: 1.5rem; }
  .footer__content-bottom-wrapper { flex-wrap: wrap; row-gap: 1.5rem; }
}

.footer__localization:empty + .footer__column--info { align-items: center; }

@media screen and (max-width: 749px) {
  .footer__localization:empty + .footer__column { padding-top: 1.5rem; }
}

.footer__column { width: 100%; align-items: flex-end; }

.footer__column--info {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  padding-left: 2rem; padding-right: 2rem;
}
@media screen and (min-width: 750px) {
  .footer__column--info { padding-left: 0; padding-right: 0; }
}

.footer-block:only-child:last-child { text-align: center; max-width: 76rem; margin: 0 auto; }

@media screen and (min-width: 750px) {
  .footer-block { display: block; margin-top: 0; }
}
.footer-block:empty { display: none; }

.footer-block--newsletter {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; margin-top: 2rem;
}
.footer-block--newsletter:only-child { margin-top: 0; }
.footer-block--newsletter > * { flex: 1 1 100%; }

@media screen and (max-width: 749px) {
  .footer-block.footer-block--menu:only-child { text-align: left; }
}
@media screen and (min-width: 750px) {
  .footer-block--newsletter { flex-wrap: nowrap; justify-content: space-between; }
}

.footer-block__heading { margin-bottom: 2rem; margin-top: 0; font-size: 1.6rem; }
@media screen and (min-width: 990px) {
  .footer-block__heading { font-size: 1.8rem; }
}

.footer__list-social:empty, .footer-block--newsletter:empty { display: none; }
.footer__list-social.list-social:only-child { justify-content: flex-start; }

.footer-block__newsletter { text-align: center; }
.newsletter-form__field-wrapper { max-width: 36rem; }

@media screen and (min-width: 750px) {
  .footer-block__newsletter:not(:only-child) { text-align: left; }
  .footer-block__newsletter:not(:only-child) .footer__newsletter { justify-content: flex-start; margin: 0; }
  .footer-block__newsletter:not(:only-child) .newsletter-form__message--success { left: auto; }
}

.footer-block__newsletter + .footer__list-social { margin-top: 3rem; }
@media screen and (min-width: 750px) {
  .footer-block__newsletter + .footer__list-social { margin-top: 0; }
}

@media screen and (min-width: 750px) {
  .footer__content-bottom { border-top-width: 0.1rem; }
}

.footer__localization {
  display: flex; flex-direction: row; justify-content: center; align-content: center;
  flex-wrap: wrap; padding: 1rem 1rem 0;
}
.footer__localization:empty { display: none; }

.localization-form {
  display: flex; flex-direction: column; flex: auto 1 0;
  padding: 1rem; margin: 0 auto;
}
.localization-form:only-child {
  display: inline-flex; flex-wrap: wrap; flex: initial; padding: 1rem 0;
}
.localization-form:only-child .button,
.localization-form:only-child .localization-form__select {
  margin: 1rem 1rem 0.5rem; flex-grow: 1; width: auto;
}

.footer__localization h2 { margin: 1rem 1rem 0.5rem; color: rgba(var(--color-foreground), 0.75); }
.footer__localization .select { margin: 1rem; }

@media screen and (min-width: 750px) {
  .footer__localization { padding: 0.4rem 0; justify-content: flex-start; }
  .localization-form { padding: 1rem 2rem 1rem 0; }
  .localization-form:first-of-type { padding-left: 0; }
  .localization-form:only-child { justify-content: start; width: auto; margin: 0 0 0 -1rem; }
  .localization-form:only-child .button,
  .localization-form:only-child .localization-form__select { margin: 1rem; }
}

@media screen and (max-width: 989px) {
  noscript .localization-form:only-child, .footer__localization noscript { width: 100%; }
}

.localization-form .button { padding: 1rem; }
.localization-form__currency { display: inline-block; }

@media screen and (max-width: 749px) { .localization-form .button { word-break: break-all; } }

.localization-form__select {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
  position: relative; margin-bottom: 1.5rem; border: 0; padding-left: 1rem; text-align: left;
}
noscript .localization-form__select { padding-left: 0rem; }
@media screen and (min-width: 750px) { noscript .localization-form__select { min-width: 20rem; } }

.localization-form__select .icon-caret {
  position: absolute; content: ''; height: 0.6rem; right: 1.5rem; top: calc(50% - 0.2rem);
}
.localization-selector.link {
  text-decoration: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;
  color: rgb(var(--color-foreground)); width: 100%; padding-right: 4rem; padding-bottom: 1.5rem;
}
noscript .localization-selector.link { padding-top: 1.5rem; padding-left: 1.5rem; }
.disclosure .localization-form__select { padding-top: 1.5rem; }
.localization-selector option { color: #000000; }
.localization-selector + .disclosure__list {
  margin-left: 1rem; opacity: 1; animation: animateLocalization var(--duration-default) ease;
}

@media screen and (min-width: 750px) { .footer__payment { margin-top: 1.5rem; } }

.footer__copyright { text-align: center; margin-top: 1.5rem; }
@media screen and (min-width: 750px) { .footer__copyright { text-align: right; } }
.footer__copyright a { font-size: 1.3rem; text-decoration: none; color: currentColor; }
.footer__copyright a:hover { opacity: 0.75; }

@keyframes appear-down {
  0% { opacity: 0; margin-top: -1rem; }
  100% { opacity: 1; margin-top: 0; }
}

.footer-block__details-content { margin-bottom: 4rem; }
.grid__item:last-child .footer-block__details-content { margin-bottom: 0; }

@media screen and (min-width: 750px) {
  .footer-block__details-content { margin-bottom: 0; }
  .footer-block__details-content > p, .footer-block__details-content > li { padding: 0; }
  .footer-block:only-child li { display: inline; }
  .footer-block__details-content > li:not(:last-child) { margin-right: 1.5rem; }
}

.footer-block__details-content .list-menu__item--link,
.copyright__content a { color: rgba(var(--color-foreground), 0.75); }

.footer-block__details-content .list-menu__item--link {
  line-height: 1.3; padding-top: 0.3rem; padding-bottom: 0.3rem;
}
.footer-block__details-content .list-menu__item--active {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
}

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link:hover,
  .copyright__content a:hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
  .footer-block__details-content .list-menu__item--active:hover { text-decoration-thickness: 0.2rem; }
}

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link { display: inline-block; font-size: 1.4rem; }
  .footer-block__details-content > :first-child .list-menu__item--link { padding-top: 0; }
}

@media screen and (max-width: 749px) { .footer-block-image { text-align: center; } }
.footer-block-image > img { height: auto; }
.footer-block__details-content .placeholder-svg { max-width: 20rem; }

.copyright__content a { color: currentColor; text-decoration: none; }

@keyframes animateLocalization {
  0% { opacity: 0; transform: translateY(0); }
  100% { opacity: 1; transform: translateY(-1rem); }
}

.footer .disclosure__link { padding: 0.95rem 3.5rem 0.95rem 2rem; color: rgba(var(--color-foreground), 0.75); }
.footer .disclosure__link:hover { color: rgb(var(--color-foreground)); }
.footer .disclosure__link--active { text-decoration: underline; }

.list-payment { display: flex; flex-wrap: wrap; margin: -0.5rem; padding-top: 1rem; padding-left: 0; }
@media screen and (min-width: 750px) { .list-payment { padding-top: 0; } }
.list-payment__item { align-items: center; display: flex; padding: 0.5rem; }

.list-social {
  display: flex; flex-wrap: wrap; justify-content: flex-start;
  margin: -0.5em 0 1rem -1rem;
}
.list-social__item .icon { height: 1.8rem; width: 1.8rem; }
.list-social__link { align-items: center; display: flex; padding: 1.3rem; }
.list-social__link:hover .icon { transform: scale(1.07); }

/* === END Base theme === */
/* =========================================
   FOOTER — CLEAN CONSOLIDATED VERSION
   ========================================= */

/* =========================================================
   NNHF Footer — Clean Consolidated Overrides
   (保留現有外觀，移除重複、互相覆寫的語法)
   只覆蓋 Base theme 之後的自訂樣式
   ========================================================= */

/* ——— 變數：品牌色、字級、髮絲線、內距 ——— */
.footer.nnhf{
  --brand:#A62B2B;
  --brand-700:#922525;

  /* 髮絲線淡度（0.035~0.06 建議） */
  --hairline:0.04;

  /* 扁平雙色（withmuu 風格） */
  --top-0:#F5F5F5; --top-1:#EFEFEF;     /* 上半部背景 */
  --btm-0:#EDEDED; --btm-1:#E9E9E9;     /* 下半部背景 */

  /* 版面節奏（上緊下穩） */
  --pad-top-block:12px;   /* 上半部上下 padding（桌面） */
  --pad-btm-block:18px;   /* 下半部（法務容器）上下 padding */
  --pad-legal:10px;       /* 法務內層上下 padding */

  /* 字級系統 */
  --fz-base:15.5px;       /* 內文 */
  --fz-sm:13px;           /* 法務/輔助 */
  --fz-xs:12px;           /* 小標籤 */
  --fz-h:14px;            /* 欄位標題 */
  --fz-phone:clamp(24px, 2.6vw, 32px);
  --lh:1.8;
}

/* ——— 扁平雙層背景（上/下） ——— */
.footer.nnhf .footer__content-top,
.footer.nnhf .footer__content-bottom{ position:relative; z-index:0; background:transparent; }
.footer.nnhf .footer__content-top::before,
.footer.nnhf .footer__content-bottom::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:100vw; transform:translateX(-50%); z-index:-1;
}

/* 上半部淡灰漸層 + 內距變小 */
.footer.nnhf .footer__content-top::before{
  background: linear-gradient(180deg, var(--top-0) 0%, var(--top-1) 100%);
}
.footer.nnhf .footer__content-top .page-width{
  padding-block: var(--pad-top-block) !important;
}

/* 下半部淡灰漸層 + 頂端 1px 髮絲線 */
.footer.nnhf .footer__content-bottom::before{
  background: linear-gradient(180deg, var(--btm-0) 0%, var(--btm-1) 100%);
  box-shadow: inset 0 1px rgba(0,0,0,var(--hairline));
}
.footer.nnhf .footer__content-bottom .footer__content-bottom-wrapper{
  padding-block: var(--pad-btm-block);
}

/* ——— 上半部欄位：細分隔線（桌面）、收左右內距 ——— */
.footer.nnhf .footer__content-top .grid{ gap:0; }
.footer.nnhf .footer__content-top .grid > .grid__item{
  position:relative; padding:12px 18px !important;   /* 緊一點 */
}
.footer.nnhf .footer__content-top .grid > .grid__item + .grid__item::before{
  content:""; position:absolute; left:0; top:4px; bottom:4px; width:1px;
  background: rgba(0,0,0,var(--hairline));
}
@media (max-width:1024px){
  .footer.nnhf .footer__content-top .grid > .grid__item{ padding:14px 0 !important; }
  .footer.nnhf .footer__content-top .grid > .grid__item + .grid__item::before{ display:none; }
}

/* ——— 欄位標題（SHOPPING/COMPANY...） ——— */
.footer.nnhf .footer-block__heading{
  font-size:var(--fz-h);
  font-weight:800; letter-spacing:.02em;
  margin:0 0 10px !important;
  color:#7D1E1E;
  text-transform:uppercase;
}

/* ——— CS CENTER：電話、標籤、社群 icon ——— */
.footer.nnhf .nnhf-cs-phone{
  font-size:var(--fz-phone);
  font-weight:800; letter-spacing:.01em;
  color:#555; text-decoration:none!important; border:0!important;
}
.footer.nnhf .nnhf-cs-phone:hover{ color:var(--brand-700); }

.footer.nnhf .nnhf-cs ul,
.footer.nnhf .nnhf-cs-meta{ list-style:none!important; padding-left:0!important; margin:6px 0 0; }
.footer.nnhf .nnhf-cs-meta li{
  display:grid; grid-template-columns: 76px 1fr; column-gap:10px;
  margin:4px 0 !important; align-items:center;
}
.footer.nnhf .nnhf-tag{
  min-width:76px; text-align:center; font-size:var(--fz-xs);
  background:#E6E6E6; border:1px solid rgba(0,0,0,.08); color:#555; font-weight:700;
  border-radius:999px; padding:2px 8px;
}

/* 社群 icon 扁平圓形 */
.footer.nnhf .nnhf-cs-social{ margin-top:8px !important; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.footer.nnhf .nnhf-cs-social .list-social__link{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#E9E9E9; border:1px solid rgba(0,0,0,.08);
  color:#3F3F3F; line-height:0; box-shadow:none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;
}
.footer.nnhf .nnhf-cs-social .list-social__link svg,
.footer.nnhf .nnhf-cs-social .list-social__link svg *{
  width:22px; height:22px; fill:currentColor !important; stroke:none !important;
}
.footer.nnhf .nnhf-cs-social .list-social__link:hover{ transform:translateY(-1px); color:#fff; }
.footer.nnhf .nnhf-cs-social .list-social__link.is-fb:hover{ background:#1877F2; border-color:#1877F2; }
.footer.nnhf .nnhf-cs-social .list-social__link.is-ig:hover{ background:#E4405F; border-color:#E4405F; }
.footer.nnhf .nnhf-cs-social .list-social__link.is-yt:hover{ background:#FF0000; border-color:#FF0000; }
.footer.nnhf .nnhf-cs-social .list-social__link.is-line:hover{ background:#06C755; border-color:#06C755; }
/* 讓 CS 區塊自己排版，並固定靠左 */
.footer.nnhf .nnhf-cs{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* 社群 icon 容器：一定要把 list-social 預設的左負 margin 清掉 */
.footer.nnhf .nnhf-cs-social{
  margin: 8px 0 0 0 !important;  /* ← 左邊改為 0，避免凸出去 */
  padding: 0;                    /* 清 padding，避免被撐開 */
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

/* 每顆 icon：清除預設 padding，避免 44×44 再加內距造成實際超寬 */
.footer.nnhf .nnhf-cs-social .list-social__link{
  box-sizing: border-box;
  padding: 0;                    /* ← 覆蓋 base 裡的 1.3rem */
  width:44px; height:44px;       /* 你的原設定保留 */
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#E9E9E9; border:1px solid rgba(0,0,0,.08);
  color:#3F3F3F; line-height:0; box-shadow:none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;
}

/* ——— 下半部：左=法務列、右=SSL+訂閱（12 欄 Grid） ——— */
.footer__content-bottom .footer__content-bottom-wrapper{
  display:grid !important; grid-template-columns: repeat(12, 1fr) !important;
  gap:24px !important; align-items:start !important; border-top:0 !important; padding:14px 0 !important;
}

/* 左欄（1–6）：營業人＋條款＋版權，對齊 CS 區塊 */
.footer__content-bottom .nnhf-legal{ grid-column:1 / 7 !important; max-width:520px; }
.nnhf-legal{ display:flex; flex-direction:column; }
.nnhf-biz, .nnhf-copy, .nnhf-terms{
  margin:0 0 6px !important; line-height:1.6 !important;
  font-size:12px !important; color: rgba(var(--color-foreground), .75) !important;
}
.nnhf-copy{ color: rgba(var(--color-foreground), .60) !important; }
.nnhf-brand{ color:#9F353A !important; font-weight:600 !important; }
.nnhf-terms a{ color: rgba(var(--color-foreground), .70) !important; text-decoration:none !important; }
.nnhf-terms a:hover{ color:#9F353A !important; }

/* 法務內層：字級/分隔線一致 */
.footer.nnhf .nnhf-legal__inner{
  display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:10px 24px;
  align-items:start; padding-block: var(--pad-legal);
}
.footer.nnhf .nnhf-legal__row{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; line-height:1.7; }
.footer.nnhf .nnhf-legal__label{ font-size:var(--fz-xs); color:#8a8a8a; letter-spacing:.04em; font-weight:600; }
.footer.nnhf .nnhf-legal__left span,
.footer.nnhf .nnhf-legal__left a{ font-size:var(--fz-sm); }
.footer.nnhf .nnhf-legal__sep::before{ content:"｜"; opacity:.45; }
.footer.nnhf .nnhf-legal__policy--inline{ display:flex; gap:10px; white-space:nowrap; flex-wrap:wrap; }
.footer.nnhf .nnhf-legal__policy--inline a{ color:#333; text-decoration:none; transition:color .18s ease; }
.footer.nnhf .nnhf-legal__policy--inline a:hover{ color:var(--brand-700); }
.footer.nnhf .nnhf-legal__policy--inline a + a::before{ content:"｜"; opacity:.45; margin:0 10px 0 6px; }
.footer.nnhf .nnhf-legal__copy{ font-size:var(--fz-xs); opacity:.85; text-align:left; }

/* 右欄（7–12）：SSL 在上、訂閱在下（不跑版） */
.footer__content-bottom .nnhf-trust{
  grid-column:7 / 13 !important;
  display:flex !important; flex-direction:column !important; align-items:flex-end !important;
  gap:8px !important; min-width:0 !important;
}
.nnhf-ssl{ text-align:right; }
.nnhf-ssl img, .nnhf-ssl svg{ display:block; height:28px; width:auto; opacity:.9; }

.nnhf-subscribe{
  display:flex; gap:8px; align-items:center; width:100%; max-width:300px;
}
.nnhf-subscribe input{
  flex:1; min-width:0; height:32px; padding:0 10px;
  border:1px solid #ddd; border-radius:6px; background:#fff; color:#333; font-size:13px;
}
.nnhf-subscribe button{
  height:32px; padding:0 12px; border:0; border-radius:6px; cursor:pointer;
  background:#9F353A; color:#fff; font-size:13px; font-weight:600;
}
.nnhf-subscribe button:hover{ filter:brightness(1.05); }

/* 主題 .caption 可能有外距，清除避免把右欄擠下去 */
.footer__content-bottom .caption{ margin:0 !important; }

/* ——— 行動裝置（直排、滿寬） ——— */
@media (max-width:900px){
  .footer.nnhf .footer__content-top .page-width{ padding-block:16px !important; }
  .footer__content-bottom .nnhf-legal{ grid-column:1 / 13 !important; max-width:none; }
  .footer__content-bottom .nnhf-trust{ grid-column:1 / 13 !important; align-items:flex-start !important; }
  .nnhf-biz, .nnhf-copy, .nnhf-terms{ font-size:13px !important; }
  .nnhf-ssl{ text-align:left; }
  .nnhf-subscribe input{ width:100%; max-width:none; }
}
.footer__content-bottom-wrapper {
  max-width: var(--page-width); /* 跟上半部相同寬度 */
  margin: 0 auto;               /* 自動置中 */
  padding: 0 5rem;              /* 跟 page-width 桌機時一致 */
}
@media (min-width: 990px){
  /* 只把左邊版權塊往右推一些 */
  .footer__content-bottom .nnhf-legal{
    margin-left: 40px; /* 或 20~40px 依你眼感微調 */
  }
}
/* === 只在「連結區」顯示圓點（錨點前置圓點） === */
.footer.nnhf .footer-block__details-content .list-menu__item--link{
  position: relative;
  display: inline-block;
  padding-left: 14px;                 /* 給圓點留空間 */
  text-decoration: none;
  color: rgba(var(--color-foreground), .85);
}
.footer.nnhf .footer-block__details-content .list-menu__item--link::before{
  content:'';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #9c9c9c;
  position: absolute; left: 0; top: .78em;
}
.footer.nnhf .footer-block__details-content .list-menu__item--link:hover{
  color: var(--brand-700);
  text-decoration: underline;
  text-underline-offset: .2rem;
}
.footer.nnhf .footer-block__details-content .list-menu__item--link:hover::before{
  background: var(--brand-700);
}

/* === 小膠囊更明顯；右側所有時間/文字字級一致 === */
.footer.nnhf .nnhf-tag{
  background:#E6E6E6;                 /* 比原本更明顯一點 */
  border:1px solid rgba(0,0,0,.12);
  color:#444; font-weight:700;
}
.footer.nnhf .nnhf-time{               /* 右側時間字級 */
  font-size: var(--fz-xs);
  line-height: 1.9;
  color:#333;
}
/* 右側第二欄（時間/公休日等）的 span 也套同樣字級 */
.footer.nnhf .nnhf-cs-meta li > span:nth-child(2){
  font-size: var(--fz-xs);
  line-height: 1.9;
  color:#333;
}

/* === Email 取消底線，顏色與電話同；hover 變品牌色 === */
.footer.nnhf .nnhf-cs-email{
  text-decoration: none !important;
  color:#2B2B2B;
  border:0 !important;
}
.footer.nnhf .nnhf-cs-email:hover{ color: var(--brand-700); }

/* === 版權區背景再深一點（不是字色） === */
/* 直接微調底部雙層背景的變數，整體色階略深 */
.footer.nnhf{
  --btm-0:#E6E6E6;   /* 原本 #EDEDED → 略深 */
  --btm-1:#E2E2E2;   /* 原本 #E9E9E9 → 略深 */
}


/* === 手機版：只在上半部資訊欄加「橫向分隔線」，版權區不加 === */
@media (max-width: 900px){
  /* 這裡選「上半部欄位」的 grid item：每個下面畫一條線 */
  .footer.nnhf .footer__content-top .grid > .grid__item{
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  /* 最後一個欄位不畫線 */
  .footer.nnhf .footer__content-top .grid > .grid__item:last-child{
    border-bottom: none;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 版權區不要分隔線（保險起見把邊框都清掉） */
  .footer.nnhf .nnhf-legal{
    border: 0 !important;
    padding-top: 8px !important;
  }
}
/* === Footer - 平衡版 === */
/* === Footer 上半部（CS / Company / Shopping）=== */
.footer.nnhf .footer__content-top {
  padding-block: 15px !important;   /* 調整上下區塊的高度 */
}

.footer.nnhf .footer__content-top .grid > .grid__item {
  padding: 6px 12px !important;     /* 壓縮每個欄位內距 */
  margin: 0 !important;             /* 移除額外間距 */
}


/* 下半部（版權 + SSL/訂閱） */
.footer.nnhf .footer__content-bottom .footer__content-bottom-wrapper{
  padding-block: 10px !important;
}

/* 版權字級 + 行距微縮 */
.footer.nnhf .nnhf-biz,
.footer.nnhf .nnhf-copy,
.footer.nnhf .nnhf-terms{
  margin: 0 0 3px !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}

/* CS 區塊字體調整（跟膠囊字一致） */
.footer.nnhf .nnhf-cs-meta li{
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* 手機版 - 區塊分隔線 */
@media (max-width: 900px){
  .footer.nnhf .footer__content-top .grid > .grid__item{
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  .footer.nnhf .footer__content-top .grid > .grid__item:last-child{
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* SHOPPING 區額外連結（有圓點） */
.footer.nnhf .nnhf-shopping-links{
  margin-top: 8px;
  padding-left: 1.1em;     /* 做出和 COMPANY 一樣的縮排 */
  list-style: disc;
}
.footer.nnhf .nnhf-shopping-links a{
  font-size: 14px;
  color: #333;
  text-decoration: none;
}
.footer.nnhf .nnhf-shopping-links a:hover{
  color: var(--brand-700);
}