/* nt-jia1-site（MK140）：全站共用，照甲1 樣稿。只放 Elementor／Blocksy 設定做不到的；字、圖、顏色、間距還是在 Elementor 元件裡改。 */

/* ── 0. 字型：Blocksy 的全站字型設定是 Open Sans（表單、購物車表格、會員頁會用到）；甲1 全站是 Noto Sans TC ── */
html:root{--theme-font-family:"Noto Sans TC","PingFang TC","Heiti TC","Microsoft JhengHei",sans-serif}
/* MK141 補：Blocksy 全站字的反鋸齒設成 antialiased（Mac 上字比較細）；甲1 沒設（auto）→ 跟甲1 一樣 */
html body.nt-jia1{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.nt-jia1 .nt-inner .wpcf7-form label{color:#183D39}

/* ── 1. 頁首：甲1 在 ≤900px 才換手機頁首；Blocksy 固定在 1000px 換 → 901～999px 也顯示電腦版頁首 ── */
@media (min-width:901px) and (max-width:999.98px){
  .nt-jia1 #header [data-device="desktop"]{display:block!important}
  .nt-jia1 #header [data-device="mobile"]{display:none!important}
  /* 甲1 這段寬度：LOGO 會被擠窄（950 寬時 22px、901 寬時 0），選單和右邊按鈕不動，LOGO 和選單間隔 28px */
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"]{overflow-x:clip}
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] > .ct-container{grid-template-columns:minmax(0,1fr) auto;column-gap:28px}
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] [data-column="start"],
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] [data-column="start"] > [data-items],
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] .site-branding,
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] .site-logo-container{min-width:0;max-width:146px;width:100%}
  .nt-jia1 #header [data-device="desktop"] [data-row*="middle"] .site-logo-container img{width:100%!important;height:46px!important;max-height:none;object-fit:fill}
}

/* ── 2. 甲1 波浪（Elementor 形狀分隔線「甲1 波浪」）：寬度跟甲1 一樣剛好 100%（Elementor 預設多 1.3px） ── */
.nt-jia1 .nt-home .elementor-shape svg,.nt-jia1 .nt-inner .elementor-shape svg{width:100%}

/* ── 3. 三色漸層（Elementor 免費版漸層只有兩色，中間色在這裡補；兩端顏色照 Elementor 設定的一樣） ── */
/* 首頁「三種吃法」、商品頁「怎麼吃」：甲1 .howto-sec */
.nt-jia1 .e-con.nt-howto,.nt-jia1 .e-con.nt-how-sec{background-image:linear-gradient(180deg,#54B293 0,#80BFA2 40%,#EAF5EF 100%)!important}
/* 購物車、結帳、會員、加入會員完成的綠色大標：甲1 .ph-wave-only */
.nt-jia1 .e-con.nt-phw{background-image:linear-gradient(160deg,#54B293 0,#80BFA2 45%,#D5ECE1 100%)!important}
@media (max-width:900px){.nt-jia1 .e-con.nt-phw{background-image:linear-gradient(180deg,#54B293 0,#80BFA2 40%,#F3FAF6 100%)!important}}

/* ── 4. 3 盒組：甲1 是外框光暈（2.5px 綠圈＋柔光），不是邊框 ── */
.nt-jia1 .e-con.nt-combo-best{border:0!important;box-shadow:0 0 0 2.5px #54B293,0 18px 44px rgba(84,178,147,.24)!important}

/* ── 5. Google 四色 G（甲1 的圖）：Elementor 圖示元件選 Google 圖示，畫面換成四色 G，大小照元件設定 ── */
.nt-jia1 .elementor-icon svg.e-fab-google{background:var(--nt-g-logo) center/contain no-repeat}
.nt-jia1 .elementor-icon svg.e-fab-google path{fill:transparent!important}

/* ── 5b. 首頁「三種吃法」步驟圓圈：甲1 是自動編號（.steps li::before），加減步驟數字會自己跟著變 ── */
.nt-jia1 .e-con.nt-hsteps{counter-reset:nths}
.nt-jia1 .e-con.nt-hstep{counter-increment:nths}
.nt-jia1 .e-con.nt-hstep::before{content:counter(nths);position:static;inset:auto;display:grid;place-items:center;flex:none;box-sizing:border-box;width:44px;height:44px;border-radius:50%;border:1.5px solid #54B293;background:#54B293;color:#fff;font:500 1.1rem/1 "Jost","Noto Sans TC",sans-serif;opacity:1;mix-blend-mode:normal}

/* ── 6. 捲到時淡入（甲1 .nt-reveal）：0.7 秒、往上 28px；大標白卡進場（甲1 .ph-card ntUp） ── */
.nt-jia1 .e-con.nt-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.nt-jia1 .e-con.nt-reveal.nt-in{opacity:1;transform:none}
@keyframes ntUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.nt-jia1 .nt-inner .nt-ph-card{animation:ntUp .8s cubic-bezier(.2,.7,.2,1) .1s both}
@media (prefers-reduced-motion:reduce){
  .nt-jia1 .e-con.nt-reveal{opacity:1;transform:none;transition:none}
  .nt-jia1 .nt-inner .nt-ph-card{animation:none}
}

/* ── 7. 右下浮動按鈕 ── */
/* 首頁手機 ≤380px：捲到數字白框才出現（甲1 .fab-wait） */
@media (max-width:380px){
  .nt-fab{transition:opacity .25s ease,visibility .25s ease}
  .nt-fab.fab-wait{opacity:0;visibility:hidden;pointer-events:none}
}
@media (max-width:380px) and (prefers-reduced-motion:reduce){.nt-fab{transition:none}}
/* ── 8. MK141 購買專區（新版 1860）、益生菌分類（新版 1861）：Elementor 設定做不到、跟甲1 shop.html／category.html 不一樣的地方 ── */
/* 打勾清單、購物保障條：甲1 是字前面一個「✔」字（.ticks li::before、.ship > span::before），新版 Elementor 圖示清單的圖示換成同一個字 */
.nt-jia1 :is(.elementor-1860,.elementor-1861) :is(.nt-ticks,.nt-ship) .elementor-icon-list-icon{display:none}
.nt-jia1 :is(.elementor-1860,.elementor-1861) :is(.nt-ticks,.nt-ship) .elementor-icon-list-text{padding-left:0;display:flex;flex:1 1 auto;min-width:0}
.nt-jia1 :is(.elementor-1860,.elementor-1861) :is(.nt-ticks,.nt-ship) .elementor-icon-list-text::before{content:"✔";color:#54B293;font-weight:700;flex:none}
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-ticks .elementor-icon-list-text{gap:10px;align-items:flex-start}
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-ship .elementor-icon-list-text{gap:8px;align-items:center;flex-wrap:wrap}
/* 產品介紹右欄：甲1 .feature-txt 每一行靠左、寬度照內容（justify-items:start） */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .e-con:has(> .nt-ticks){align-items:flex-start}
/* 「NT$680／盒起」：小字行高照甲1（1.75 倍，不跟大字一樣高）、前面空 4px */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-now small{line-height:1.75;margin-left:4px}
/* 「買越多每盒越划算」黃色標籤：甲1 底色、圓角、內距在字本身（.price .tag），Elementor 是畫在外框 → 移到字上，樣子一樣、量測框跟甲1 一樣大 */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-price-row > .elementor-widget:not(.nt-now) > .elementor-widget-container{padding:0!important;background:none!important;border-radius:0!important}
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-price-row > .elementor-widget:not(.nt-now) .elementor-heading-title{padding:3px 10px;background:#E7B130;border-radius:999px}
/* 組合卡角標（推薦、每盒最划算）：甲1 .mk122-badge 內距、最小高度 26px、行高 1 在字本身；底色、圓角、陰影留在 Elementor 外框（宜靜在 Elementor 改顏色一樣有效） */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-badge > .elementor-widget-container{padding:0!important}
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-badge .elementor-heading-title{display:flex;align-items:center;min-height:26px;padding:0 12px;line-height:1}
/* 組合卡價格的原價（刪除線）：行高照甲1 1.75 倍 */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-price .elementor-heading-title s{line-height:1.75}
/* 「4 種組合」標題區：甲1 .sec-head 最寬 640px */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-sec-head{max-width:640px}
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-sec-head > .elementor-widget:first-child{margin-bottom:2px}
/* 產品盒照片：寬度照原圖比例（甲1 208.27px，Elementor 取整 208px）；電腦版離底 91px（Elementor 是 92px） */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-stage .nt-float img{width:auto!important}
@media (min-width:901px){.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-stage .nt-float{top:1px}}
/* 「選擇組合」按鈕：甲1 .btn 有 2px 透明框（按鈕寬多 4px） */
.nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-btn-h54 .elementor-button{border:2px solid transparent}
@media (max-width:900px){
  /* 大標白卡：甲1 ≤900 時白卡寬度照內容、置中（.ph 變直排、.wrap 左右 auto） */
  .nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-ph-cardwrap{width:fit-content!important;max-width:100%;align-self:center;margin-left:auto;margin-right:auto}
  /* 區塊上下留白：甲1 .t-tint／.t-plain ≤900 是 48px */
  .nt-jia1 :is(.elementor-1860,.elementor-1861) > .e-con:not(:first-child) > .e-con-inner{padding-top:48px!important;padding-bottom:48px!important}
  /* 組合卡價格：甲1 .combo .p ≤900 是 1.2rem，原價換一行、.62em */
  .nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-price .elementor-heading-title{font-size:1.2rem!important;line-height:1.75!important}
  .nt-jia1 :is(.elementor-1860,.elementor-1861) .nt-price .elementor-heading-title s{display:block;margin-left:0;font-size:.62em;line-height:1.75}
}

/* ── 9. MK141 頁尾（共同規則 10/28 12:50、13:0x，照甲1 site_甲1.css「社群圖示 1028」「卡別 1028」） ── */
/* FB／IG／LINE：官方標誌白色版圖，36×36、間距 10px、沒有底和陰影，hover 往上 2px。圖在頁尾小工具（外觀 → 小工具）裡 */
.nt-jia1 #footer .nt-social{gap:10px}
.nt-jia1 #footer .nt-social a{width:36px;height:36px;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
.nt-jia1 #footer .nt-social a::before{content:none}
.nt-jia1 #footer .nt-social a img{width:36px;height:36px;display:block;max-width:none}
.nt-jia1 #footer .nt-social a:hover{transform:translateY(-2px);box-shadow:none!important;opacity:.85}
/* 付款方式：Mastercard、JCB 方塊內距縮小，圖高 24→30px（方塊 88×32 不變） */
.nt-jia1 #footer .nt-logo:has(img[alt="Mastercard"]),.nt-jia1 #footer .nt-logo:has(img[alt="JCB"]){padding:1px 8px}

/* 商品頁 ≤900px 有底部購買列（.nt-buybar，MK141）時讓位（甲1 .fab-pd） */
@media (max-width:900px){
  .nt-fab.fab-pd .nt-fab-buy{display:none}
  .nt-fab.fab-pd{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}

/* ── 10. MK142 加入會員完成（新版 1928）：完成卡（甲1 .mk104-done 最寬 640）、「看看專利益生菌」卡（.mk114-next-card 最寬 760）置中 ── */
.nt-jia1 .nt-wc-done .nt-done,.nt-jia1 .nt-next .nt-next-card{margin-left:auto!important;margin-right:auto!important}
/* 打勾圓：甲1 .mk104-done-ic 76×76、勾 40px */
.nt-jia1 .nt-wc-done .nt-done-ic .elementor-icon-wrapper{line-height:0}
.nt-jia1 .nt-wc-done .nt-done-ic .elementor-icon{width:76px;height:76px;padding:0;display:inline-grid;place-items:center}
.nt-jia1 .nt-wc-done .nt-done-ic .elementor-icon svg{width:40px;height:40px}

/* ≤900（甲1 site_甲.css／site_甲1.css／site.css 的 900 段）：購物車、結帳、會員、加入會員完成（MK139 的 .nt-phw 大標、.nt-wc 本體）
   大標白卡照內容寬、置中（MK139 只做到 ≤600）；區塊上下 48px（.t-tint）；組合卡價格 1.2rem；完成卡內距 32px 18px、按鈕一個一行撐滿 */
@media (max-width:900px){
  .nt-jia1 .nt-phw > .e-con-inner{align-items:center}
  .nt-jia1 .nt-phw .nt-ph-card{width:auto!important;max-width:100%;margin-left:auto;margin-right:auto}
  .nt-jia1 .e-con.nt-wc-cart{padding-top:48px!important;padding-bottom:48px!important}
  .nt-jia1 .e-con.nt-wc-cart > .e-con-inner{padding-top:0!important;padding-bottom:0!important}
  .nt-jia1 .nt-wc-cart .nt-combo .nt-price .elementor-heading-title{font-size:1.2rem!important;line-height:1.75!important}
  .nt-jia1 .nt-wc-done .e-con.nt-done{padding:32px 18px!important}
  /* 甲1：按鈕列寬＝兩顆按鈕排一排的寬，按鈕各自撐滿那個寬、一顆一行 */
  .nt-jia1 .nt-wc-done .e-con.nt-done-btns{flex-direction:row!important;flex-wrap:wrap!important;width:max-content!important;max-width:100%;align-self:center}
  .nt-jia1 .nt-wc-done .nt-done-btns .elementor-widget-button{flex:0 0 100%!important;width:100%!important;max-width:100%}
  .nt-jia1 .nt-wc-done .nt-done-btns .elementor-button{width:100%}
}
/* 「看看專利益生菌順暢PLUS」卡：右邊字那一欄照內容寬（甲1 .mk114-next-txt），不撐滿 */
@media (min-width:601px){.nt-jia1 .nt-next .nt-next-card .elementor-element-b75e2f2{flex:0 1 auto!important;width:auto!important}}
/* 完成卡兩顆按鈕：甲1 .btn 有 2px 透明框（寬多 4px） */
.nt-jia1 .nt-wc-done .nt-done-btns .elementor-button{letter-spacing:.06em}
/* 完成區塊下緣：甲1 .mk104-acct-sec 每個寬度都是 72px（Elementor 手機版是 56px） */
.nt-jia1 .e-con.nt-wc-done > .e-con-inner{padding-bottom:72px!important}

/* ── 11. MK142 購物車（有商品）、結帳（新版 1925、1926）：甲1 沒畫，用甲1 .card 的圓角 24px（MK139 是 28px）；其他（白卡、陰影、綠色膠囊按鈕、字色）照 MK139 ── */
.nt-jia1 .nt-wc-cart .woocommerce-cart-form,.nt-jia1 .nt-wc-cart .cart_totals,.nt-jia1 .nt-wc-checkout form.checkout .col2-set,.nt-jia1 .nt-wc-checkout form.checkout .ct-order-review{border-radius:24px}

/* ── 12. MK143 全站總檢查補的 ── */
/* 商品頁：購買區（MK141）下面直接接說明區的小選單（甲1 .pd-top 下面就是 .subnav）；Blocksy 給 WooCommerce 分頁外框上方 40px → 拿掉 */
.nt-jia1 .nt-jbuy ~ .product .woocommerce-tabs{margin-top:0!important}
/* 商品頁說明區（MK137 Elementor，.nt-pd）：字級、行高、顏色照甲1 site.css（.subnav .95rem、.spec .94rem、.steps b 1.05rem／span .94rem、details 內文 .94rem） */
.nt-jia1 .nt-pd .nt-subnav{min-height:55px}
.nt-jia1 .nt-pd .nt-subnav .elementor-heading-title{font-size:.95rem!important;line-height:1.75!important;font-weight:400!important;color:#557069!important}
.nt-jia1 .nt-pd .nt-subnav .e-con > .elementor-widget-heading:first-child .elementor-heading-title{font-weight:700!important;color:#183D39!important}
.nt-jia1 .nt-pd .nt-feat .nt-keep:first-child .elementor-heading-title{font-size:1.9rem!important;line-height:1.5!important}
.nt-jia1 .nt-pd .nt-spec .elementor-widget-text-editor{font-size:.94rem!important;line-height:1.75!important}
.nt-jia1 .nt-pd .nt-step .elementor-heading-title{font-size:1.05rem!important;line-height:1.5!important}
.nt-jia1 .nt-pd .nt-step .elementor-widget-text-editor{font-size:.94rem!important;line-height:1.7!important}
.nt-jia1 .nt-pd .nt-acc .elementor-widget-text-editor,.nt-jia1 .nt-pd .nt-acc .elementor-widget-text-editor p{font-size:.94rem!important;line-height:1.75!important}
/* 動畫同步（共同規則「動畫全部同步」；數字照甲1 site_內頁共用.css、site_甲1.css） */
@keyframes mk102Shadow{0%,100%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(.88)}}
/* 文章大標白卡進場（甲1 .article-head.ph-card ntUp） */
.nt-jia1 .nt-ar-top .nt-ar-card{animation:ntUp .8s cubic-bezier(.2,.7,.2,1) .1s both}
/* 購買專區、分類：台座上的影子跟商品浮動同步縮放、變淡（甲1 .stage-white::after mk102Shadow） */
.nt-jia1 .e-con.nt-stage::after{animation:mk102Shadow 3.6s ease-in-out infinite}
/* 組合卡 hover（甲1 .combo：transition border-color .15s；hover 柔光變大，「推薦」那張不變） */
.nt-jia1 .e-con.nt-combo{transition:border-color .15s ease}
.nt-jia1 .e-con.nt-combo:not(.nt-combo-best):hover{box-shadow:0 18px 44px rgba(84,178,147,.24)}
/* 一般按鈕 hover（甲1 .btn：transform、background .15s；hover 往上 1px） */
.nt-jia1 .elementor-button:not([href*="lin.ee"]){transition:transform .15s ease,background .15s ease}
.nt-jia1 .elementor-button:not([href*="lin.ee"]):hover{transform:translateY(-1px)}
/* 「加入Line好友」按鈕 hover（甲1 .mk104-line：transform、box-shadow .18s；hover 底色 #05B84E、不位移） */
.nt-jia1 a.elementor-button[href*="lin.ee"]{transition:transform .18s ease,box-shadow .18s ease}
/* ── 13. MK148 ── */
/* 文章本文的有序清單（葉黃素、魚油）：甲1 site.css 只有 .article-body ul（左 1.3em、格線間距 6px），ol 沒寫 → 瀏覽器預設左 40px、一般排列。
   MK138 附加 CSS 把 ul、ol 寫在一起 → ol 少縮 18px；MK143 改的是 .prose ol（甲1 文章不是 .prose），所以沒生效 */
.nt-jia1 .nt-inner .nt-prose-ar ol{padding-left:40px;display:block}
/* 甲1 的 ol 也是瀏覽器預設的上下 1em 外距（甲1 本文是格線排列，外距不會跟上下段合併）→ 新版用上下內距 1em 補（Elementor 段落之間是外距，用外距會被合併掉） */
.nt-jia1 .nt-inner .nt-prose-ar ol{padding-top:1em;padding-bottom:1em}
/* 隱私權 1885（甲1 privacy.html：.ph-slim 第一區 360 高；.t-doc-bg 上下 72＋.two-col 上 48 下 88；目錄 240、間距 56；
   本文白卡 .t-sheet 內距 36/40、段落間距 18、小標上方再 18；清單左 1.4em、項目間距 6） */
@media (min-width:901px){
  .nt-jia1 .elementor-1885 > .e-con.nt-ph{min-height:0!important}
  .nt-jia1 .elementor-1885 .e-con.nt-privacy > .e-con-inner{padding-top:120px!important;padding-bottom:160px!important}
  .nt-jia1 .elementor-1885 .nt-privacy .e-con.e-grid:has(> .nt-toc){column-gap:56px!important}
}
.nt-jia1 .elementor-1885 .e-con.nt-toc{row-gap:8px!important}
.nt-jia1 .elementor-1885 .e-con.nt-sheet{padding:36px 40px!important;row-gap:18px!important}
.nt-jia1 .elementor-1885 .nt-sheet .nt-anchor{margin-top:18px!important}
.nt-jia1 .elementor-1885 .nt-sheet .nt-anchor :is(.elementor-widget-container,.elementor-heading-title){padding:0!important;margin:0!important}
.nt-jia1 .elementor-1885 .nt-sheet .nt-prose ul{margin:0!important;padding-left:22.4px!important;display:grid;gap:6px}
/* ≤900：甲1 區塊上 48＋內框上 48、下 48＋88；目錄項目間距 6；白卡內距 26/20 */
@media (max-width:900px){
  .nt-jia1 .elementor-1885 .e-con.nt-privacy > .e-con-inner{padding-top:96px!important;padding-bottom:136px!important}
  .nt-jia1 .elementor-1885 .e-con.nt-toc{row-gap:6px!important}
  .nt-jia1 .elementor-1885 .e-con.nt-sheet{padding:26px 20px!important}
}
.nt-jia1 .elementor-1885 .nt-sheet .nt-prose ul li{margin:0!important}
/* 檢驗與證明 1883 ≤900（甲1 proof.html：.doc 卡片上下排、內距 22px；區塊上下 48px；卡片間距 24px；「原檔待提供」框撐滿、內距 10px）
   新版原本 768 寬時 SGS 那張卡還是左右排，字那一欄被擠成 67px 寬 */
@media (max-width:900px){
  .nt-jia1 .elementor-1883 .e-con.nt-docs > .e-con-inner{padding-top:48px!important;padding-bottom:48px!important}
  .nt-jia1 .elementor-1883 .nt-docs .e-con:has(> .nt-doc){row-gap:24px!important;gap:24px!important}
  .nt-jia1 .elementor-1883 .e-con.nt-doc{flex-direction:column!important;flex-wrap:nowrap!important;padding:22px!important}
  .nt-jia1 .elementor-1883 .e-con.nt-doc > .e-con{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
  .nt-jia1 .elementor-1883 .e-con.nt-doc-ph{height:auto!important;min-height:64px!important;padding:10px!important}
  /* 甲1 .t-docs .doc img 最寬 200px（SGS 兩頁報告） */
  .nt-jia1 .elementor-1883 .nt-doc img{max-width:200px!important}
}
/* 內頁大標照片左側淡出（甲1 .ph-img::after）：漸層終點照甲1 寫 transparent；
   隱私權、檢驗與證明、退換貨（甲1 .ph-slim，每個寬度）：照片撐滿、淡白漸層 rgba(244,251,248,.6)→0 到 50% */
.nt-jia1 .nt-ph .nt-ph-img::after{background:linear-gradient(90deg,#EAF5EF 0,transparent 30%)}
@media (max-width:900px){.nt-jia1 .nt-ph .nt-ph-img::after{background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.6) 100%)}}
.nt-jia1 :is(.elementor-1883,.elementor-1884,.elementor-1885) .nt-ph .nt-ph-img::after{background:linear-gradient(90deg,rgba(244,251,248,.6) 0,rgba(244,251,248,0) 50%)!important}
/* 聯絡我們、品牌合作的 LINE 卡：甲1 這兩頁沒有右下的半透明白圓（首頁有） */
.nt-jia1 :is(.elementor-1862,.elementor-1863) .nt-line-card::after{content:none!important}
/* 購物車、結帳、會員、加入會員完成的綠色大標區（甲1 .ph-wave-only::before／::after）：右上兩個半透明白圓裝飾，新版原本沒有 */
.nt-jia1 .e-con.nt-phw{overflow:hidden}
.nt-jia1 .e-con.nt-phw::before{content:""!important;display:block!important;position:absolute!important;inset:auto!important;right:8%!important;top:-120px!important;width:380px!important;height:380px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;opacity:1!important;mix-blend-mode:normal!important;z-index:0}
.nt-jia1 .e-con.nt-phw::after{content:"";position:absolute;right:26%;bottom:40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18);z-index:0;pointer-events:none}
.nt-jia1 .e-con.nt-phw > .e-con-inner{position:relative;z-index:1}
/* 加入會員完成打勾圓：甲1 量到只有漸層、沒有底色（新版 Elementor 圖示另有 #54B293 底色，被漸層蓋住看不到，照甲1 拿掉） */
.nt-jia1 .nt-wc-done .nt-done-ic .elementor-icon{background-color:transparent!important}
/* 檢驗與證明「正式保單（目前只有續保單）」待提供標籤：照甲1 site.css .tbd（底色、虛線、圓角、字色、不換行；「待提供：」.8em） */
.nt-jia1 .nt-inner .nt-tbd{background:#FDEBD3;color:#7A4A12;border-bottom:1px dashed #C9822B;border-radius:3px;padding:0 4px;white-space:nowrap}
.nt-jia1 .nt-inner .nt-tbd::before{font-size:.8em;font-weight:inherit}
/* 首頁第一區（甲1 .hero）：區塊底色 #F3FAF6（≤900 #CCC5BF），照片是區塊裡的圖片元件 .nt-hero-img（寬圖、直圖各一個，Elementor 依寬度隱藏），
   位置、裁切照甲1：電腦／平板撐滿整區（object-position 50% 70%／72% 40%），手機貼底 4:5、上緣 22% 漸層；照片在波浪、白卡下面 */
.nt-jia1 .e-con.nt-hero{position:relative;overflow:hidden}
.nt-jia1 .e-con.nt-hero > .e-con-inner{position:static}
.nt-jia1 .e-con.nt-hero > .elementor-shape{z-index:1}
.nt-jia1 .e-con.nt-hero .nt-hero-img{position:absolute!important;inset:0;margin:0!important;z-index:0;width:auto!important;max-width:none!important}
.nt-jia1 .e-con.nt-hero .nt-hero-img :is(.elementor-widget-container,img){display:block;width:100%!important;height:100%!important;max-width:none;border-radius:0}
.nt-jia1 .e-con.nt-hero .nt-hero-img img{object-fit:cover;object-position:50% 70%}
.nt-jia1 .e-con.nt-hero .nt-hero-card{position:relative;z-index:2}
.nt-jia1 .nt-hero .elementor-heading-title > span{display:block}
.nt-jia1 .nt-hero .elementor-heading-title > span + span{margin-top:6px}
@media (min-width:901px){.nt-jia1 .e-con.nt-hero{min-height:max(640px,calc(41.5vw + 32px))!important}}
@media (max-width:900px){
  .nt-jia1 .e-con.nt-hero{background-color:#CCC5BF!important}
  .nt-jia1 .nt-hero .elementor-heading-title > span + span{margin-top:4px}
}
@media (min-width:601px) and (max-width:900px){
  .nt-jia1 .e-con.nt-hero .nt-hero-img img{object-position:72% 40%}
  /* 甲1 平板白卡：最寬 350px、寬度照內容（不是固定 350） */
  .nt-jia1 .e-con.nt-hero .nt-hero-card{width:auto!important;max-width:350px;flex:0 1 auto!important}
}
/* 甲1 ≤900 白卡底色 .84（電腦 .86） */
@media (max-width:900px){.nt-jia1 .e-con.nt-hero .nt-hero-card{background-color:rgba(255,255,255,.84)!important}}
@media (max-width:600px){
  .nt-jia1 .e-con.nt-hero .nt-hero-img{top:auto}
  .nt-jia1 .e-con.nt-hero .nt-hero-img :is(.elementor-widget-container,img){height:auto!important}
  .nt-jia1 .e-con.nt-hero .nt-hero-img img{aspect-ratio:4/5;object-position:50% 50%}
  .nt-jia1 .e-con.nt-hero .nt-hero-img::before{content:"";position:absolute;inset:0 0 auto;height:22%;background:linear-gradient(#CCC5BF,rgba(0,0,0,0));z-index:1}
}
/* 首頁第一區四個打勾（甲1 .perks > span::before）：綠色圓底＋白勾 svg 背景圖（電腦 22px、≤900 20px），新版原本是 Elementor 圖示 svg → 改成跟甲1 同一張圖、同底色 */
.nt-jia1 .nt-hero-perks .elementor-icon-list-icon svg,.nt-jia1 .nt-hero-perks .elementor-icon-list-icon i{display:none!important}
.nt-jia1 .nt-hero-perks .elementor-icon-list-icon{width:22px;height:22px;flex:none;border-radius:50%;background:#54B293 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
@media (max-width:900px){.nt-jia1 .nt-hero-perks .elementor-icon-list-icon{width:20px;height:20px;background-size:20px}}
/* 首頁數字白框（甲1 .fresh-facts）：整個區塊往上疊進第一區（電腦 58px、平板 62px、手機 38px），白框本身不另外往上推；
   ≤900 區塊上面疊住的那段背景透明（甲1 漸層從 62px／38px 才開始） */
.nt-jia1 .e-con.nt-facts{margin-top:-58px!important}
.nt-jia1 .e-con.nt-facts > .e-con-inner > .e-con:first-child{margin-top:0!important}
/* 電腦版：甲1 .fresh-facts 區塊本身不在上層（第一區的波浪畫在它的底色上面），只有白框那一層在最上面（.facts z-index 3） */
@media (min-width:901px){
  .nt-jia1 .e-con.nt-facts{z-index:auto!important}
  .nt-jia1 .e-con.nt-facts > .e-con-inner > .e-con:first-child{position:relative;z-index:3}
}
@media (min-width:601px) and (max-width:900px){.nt-jia1 .e-con.nt-facts{margin-top:-62px!important;background-image:linear-gradient(rgba(234,245,239,0) 0,rgba(234,245,239,0) 62px,#EAF5EF 62px,#F3FAF6 100%)!important}}
@media (max-width:600px){.nt-jia1 .e-con.nt-facts{margin-top:-38px!important;background-image:linear-gradient(rgba(234,245,239,0) 0,rgba(234,245,239,0) 38px,#EAF5EF 38px,#F3FAF6 100%)!important}}
/* 首頁「三大安心承諾」照片框（甲1 .mk121-pf 白底）、「歷年佳績」區塊（甲1 白底） */
.nt-jia1 .e-con.nt-zec{background-color:#fff}
/* 「三大安心承諾」卡（甲1 .trust article／.mk121-pf／.k）：卡片 1.5px 透明框；照片框白底、圓角 18px、內框線、4:3、下方 8px；號碼圓圈固定 76px 高、字置中 */
.nt-jia1 .nt-trust .e-con.e-grid > .e-con{border:1.5px solid transparent!important}
.nt-jia1 :is(.nt-trust,.elementor-1859) .nt-pf{margin-bottom:8px!important}
.nt-jia1 :is(.nt-trust,.elementor-1859) .nt-pf .elementor-widget-container{border-radius:18px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #DCE9E3}
.nt-jia1 :is(.nt-trust,.elementor-1859) .nt-pf img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:0!important;box-shadow:none!important}
.nt-jia1 .nt-trust .e-con.e-grid > .e-con > .elementor-widget-heading.elementor-widget__width-initial .elementor-heading-title{height:76px;display:grid;place-items:center}
/* 「三種吃法」「怎麼吃」照片（甲1 .blob）：8px 半透明白框、不規則圓角、柔光在外框，照片本身 5:4 裁切 */
.nt-jia1 .nt-blob .elementor-widget-container{border:8px solid rgba(255,255,255,.7);border-radius:46% 54% 42% 58%/55% 45% 55% 45%;overflow:hidden;box-shadow:0 30px 60px rgba(84,178,147,.32)}
/* 首頁組合卡價格（平板）：甲1 site.css ≤900 .combo .p 1.2rem、原價換一行 .62em（MK141 購買專區、分類已做，首頁沒做） */
@media (min-width:601px) and (max-width:900px){
  .nt-jia1 .nt-home .nt-price .elementor-heading-title{font-size:1.2rem!important;line-height:1.75!important}
  .nt-jia1 .nt-home .nt-price .elementor-heading-title s{display:block;margin-left:0;font-size:.62em;line-height:1.75}
}
/* 商品頁「怎麼吃」步驟圓圈數字：甲1 畫在每一步外框（.steps li::before），不是標題字上 → 從標題移到步驟容器（樣子、位置不變） */
.nt-jia1 .nt-inner .nt-step > .elementor-widget-heading .elementor-heading-title::before{content:none}
.nt-jia1 .nt-inner .e-con.nt-step::before{content:counter(ntstep);display:block;position:absolute;inset:auto;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#54B293;color:#fff;font:500 17px/44px "Jost",sans-serif;text-align:center;opacity:1;mix-blend-mode:normal;z-index:auto}
/* 商品頁常見問題題目右邊的「＋／−」：甲1 是題目列上的字（.faq summary::after，Jost 1.4rem、右 6px、上 14px），Elementor 是圖示 → 換成跟甲1 一樣的字 */
.nt-jia1 .nt-pd .e-n-accordion-item-title-icon{display:none!important}
.nt-jia1 .nt-pd .e-n-accordion-item-title{position:relative}
.nt-jia1 .nt-pd .e-n-accordion-item-title-text::after{content:"+";position:absolute;right:6px;top:14px;font-family:Jost,"Noto Sans TC",sans-serif;font-size:1.4rem;line-height:normal;color:#54B293}
.nt-jia1 .nt-pd details[open] > summary .e-n-accordion-item-title-text::after{content:"−"}
/* 商品頁成分表（甲1 .spec-row／.spec-card／table.spec）：電腦版左卡＋右欄 407px、間距 36px；卡片內距 34px 36px；標題下 40px；
   每列格線在格子上（#CFE7DB）；右欄成分標示圖沒有白框、內距（甲1 .spec-imgs 直接放圖） */
@media (min-width:901px){
  /* MK154：照甲1 原規則 minmax(0,1.25fr) minmax(0,.75fr)（677.5／406.5px；MK148 寫成 1fr＋407px 少 0.5px，「食用方法」那格剛好放不下、換行） */
  .nt-jia1 .nt-pd .e-con.e-grid:has(> .nt-spec-card){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;column-gap:36px!important}
  .nt-jia1 .nt-pd .e-con.nt-spec-card{padding:34px 36px!important}
  /* 成分表那一區上下 72px（甲1 .sec.t-plain） */
  .nt-jia1 .nt-pd .e-con:has(> .e-con-inner > .e-con.e-grid > .nt-spec-card) > .e-con-inner,
  .nt-jia1 .nt-pd .e-con:has(> .e-con.e-grid > .nt-spec-card){padding-top:72px!important;padding-bottom:72px!important}
}
.nt-jia1 .nt-pd .nt-spec-card > .nt-sec-head{margin-bottom:40px!important}
.nt-jia1 .nt-pd .e-con.nt-spec-row{border-bottom-color:#CFE7DB!important}
.nt-jia1 .nt-pd .e-con.nt-spec-imgs{row-gap:18px!important}
.nt-jia1 .nt-pd .e-con.nt-spec-imgs > .e-con:has(img[src*="label"]){padding:0!important;background:none!important;box-shadow:none!important}
/* 商品頁「商品介紹」長圖區 ≤900（甲1 .mk121-intro：區塊上下 48px、左右只留 12px、最寬 900） → 長圖 744 寬（新版原本 691，整頁跟著位移） */
@media (max-width:900px){
  .nt-jia1 .nt-pd .e-con.nt-intro-sec{padding-left:12px!important;padding-right:12px!important}
  .nt-jia1 .nt-pd .e-con.nt-intro-sec > .e-con-inner{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding-top:48px!important;padding-bottom:48px!important}
}
/* 商品頁評價卡（甲1 figure.rv：內距 24/24/20、上下間距 10px） */
.nt-jia1 .nt-pd .e-con:has(> .e-con > .elementor-widget-image img[src*="rv_"]){padding:24px 24px 20px!important;row-gap:10px!important}
.nt-jia1 .nt-pd .e-con.e-grid:has(> .nt-spec-card) img[src*="label"]{background:none!important;padding:0!important;box-shadow:none!important;border:0!important}
.nt-jia1 .nt-pd .e-con.e-grid:has(> .nt-spec-card) :is(.elementor-widget-image,.elementor-widget-container):has(img[src*="label"]){background:none!important;padding:0!important;box-shadow:none!important}
/* 商品頁「看全部常見問題」按鈕：甲1 .btn 高 54px、左右 28px */
.nt-jia1 .nt-pd .elementor-element-8101f24 .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px}
/* 區塊上下留白（電腦版，甲1 實量）：「三種便利」上 72px；「三種吃法」「怎麼吃」上下各 93px（甲1 區塊 40＋波浪 29＋內框 24） */
@media (min-width:901px){
  .nt-jia1 .e-con.nt-times > .e-con-inner{padding-top:72px!important}
  .nt-jia1 .e-con:is(.nt-howto,.nt-how-sec) > .e-con-inner{padding-top:93px!important;padding-bottom:93px!important}
}
.nt-jia1 .nt-blob img{display:block;width:100%!important;height:auto!important;aspect-ratio:5/4;object-fit:cover;border:0!important;border-radius:0!important;box-shadow:none!important}
/* ── 14. MK154 ── */
/* 評價卡（商品頁、首頁共用；甲1 .reviews.mk121-rv9 ＋ figure.rv）：
   甲1 電腦版每排一樣高（grid-auto-rows:1fr，6 張卡都跟最高那張一樣 278.5px），≤900 一欄、高度照內容；
   卡片裡面往上靠（align-content:start），「Google 評論」緊接在評論字下面 10px。
   新版原本每排各自高度（第一排 251.6px，矮 26.9px），而且「Google 評論」用 margin-top:auto 推到卡片底 → 照甲1 */
/* Elementor 格線有寫死「2 排、每排照內容」（grid-template-rows），grid-auto-rows 不會生效 → 一起拿掉 */
@media (min-width:901px){.nt-jia1 .e-con.nt-rv-grid{grid-template-rows:none!important;grid-auto-rows:1fr!important}}
@media (max-width:900px){.nt-jia1 .e-con.nt-rv-grid{grid-template-rows:none!important;grid-auto-rows:auto!important}}
.nt-jia1 .nt-rv-grid .nt-push-down{margin-top:0!important}
.nt-jia1 .nt-rv-grid > .e-con{justify-content:flex-start!important}
/* 評價總分那一行（甲1 .mk114-gsum b：字 1.45rem、行高 1.75 照自己的字級算 → 那一行 40.6px 高）；新版行高繼承 29.4px，整列矮 10px */
.nt-jia1 .nt-gsum .nt-num{font-size:1.45rem!important;line-height:1.75!important}
/* 區塊小標（甲1 site_內頁共用.css .sec-head .eyebrow：下方 2px，全站都有）→ 新版只有關於我們、經銷有，這張單的頁補上 */
.nt-jia1 :is(.nt-pd,.nt-home,.elementor-1883,.elementor-1885) .nt-sec-head > .nt-eyebrow{margin-bottom:2px!important}
/* 商品頁常見問題（甲1 .faq details／summary）：
   ①題目：甲1 字就在 summary 上（816×64，內距 18/34/18/0）；Elementor 字在 summary 裡的小框（97×28）→ 內距移到字框、字框撐滿，樣子不變
   ②最後一題下面：甲1 最後一題的下外距 12px 跟按鈕上方 24px 合併成 24px；Elementor 兩段都算（多 12px）→ 最後一題下外距拿掉
   ③「看全部常見問題」：甲1 按鈕包在一整行寬的段落裡，新版按鈕元件只有按鈕寬 → 元件撐滿一行，按鈕還是靠左、大小不變 */
.nt-jia1 .nt-pd .nt-acc .e-n-accordion-item-title{padding:0!important}
.nt-jia1 .nt-pd .nt-acc .e-n-accordion-item-title-header{flex:1 1 auto;display:block}
.nt-jia1 .nt-pd .nt-acc .e-n-accordion-item-title-text{display:block;padding:18px 34px 18px 0}
.nt-jia1 .nt-pd .nt-faq-group > .nt-acc:last-child .e-n-accordion-item:last-child{margin-bottom:0!important}
.nt-jia1 .nt-pd .elementor-element-8101f24{width:100%!important;max-width:100%!important;align-self:stretch!important}
.nt-jia1 .nt-pd .elementor-element-8101f24 .elementor-button-wrapper{text-align:left}
/* ≤900 內框寬（這張單的頁）：甲1 .wrap 是「整個寬度減左右內距」（768 寬 → 728px），
   Blocksy 主題在平板、手機把 Elementor 內框設成畫面寬 90%（768 → 691px），每一區左右都多縮 18px、字跟著換行不同 → 內框撐滿區塊內距 */
@media (max-width:900px){
  .nt-jia1 :is(.nt-pd,.nt-home,.elementor-1883,.elementor-1885) .e-con.e-con-boxed > .e-con-inner{width:100%!important}
}
/* 商品頁各區 ≤900（甲1 product-1.html 768 寬實量）：
   特色、成分表、常見問題、評價區塊上下 48px（新版 72px；成分表新版是上 24 下 96）；
   常見問題左右 12px（甲1 .t-plain .t-narrow）；成分表白卡內距 24/18（甲1 .spec-card ≤900）；
   怎麼吃：區塊上下 40＋波浪 29＋內框 24＝93px（新版 120）、照片和白卡間距 40（新版 28）、白卡內距 26/22（甲1 .howto-card ≤900） */
@media (max-width:900px){
  .nt-jia1 .nt-pd .e-con:is(.nt-feat-sec,.nt-spec-sec,.nt-qa-sec,.nt-rate-sec) > .e-con-inner{padding-top:48px!important;padding-bottom:48px!important}
  .nt-jia1 .nt-pd .e-con.nt-qa-sec{padding-left:12px!important;padding-right:12px!important}
  .nt-jia1 .nt-pd .e-con.nt-spec-card{padding:24px 18px!important}
  .nt-jia1 .nt-pd .e-con.nt-how-sec > .e-con-inner{padding-top:93px!important;padding-bottom:93px!important}
  .nt-jia1 .nt-pd .nt-how-sec .e-con.e-grid:has(> .nt-blob){row-gap:40px!important}
  .nt-jia1 .nt-pd .nt-how-sec .e-con.e-grid > .e-con:has(> .nt-sec-head){padding:26px 22px!important}
}
/* 商品頁 ≤600：子選單上下 8px（甲1 .subnav .wrap）；商品介紹長圖左右貼齊畫面（甲1 .mk121-intro-imgs 左 -12px、390 寬；新版沿用 -20px，比畫面寬 16px） */
@media (max-width:600px){
  .nt-jia1 .nt-pd .nt-subnav .e-con-inner > .e-con{padding-top:8px!important;padding-bottom:8px!important}
  .nt-jia1 .nt-pd .e-con.nt-intro-imgs{margin-left:-12px!important;margin-right:-12px!important}
}
/* 區塊標題（甲1 .sec-head 最寬 640px，每個寬度都是）：新版電腦版 640、平板撐滿 → 一律最寬 640 */
.nt-jia1 .nt-pd .e-con.nt-sec-head{max-width:640px}
/* 商品頁「怎麼吃」白卡電腦版內距（甲1 .howto-card 36px 38px；新版 36px 四邊 → 字框寬 4px） */
@media (min-width:901px){.nt-jia1 .nt-pd .nt-how-sec .e-con.e-grid > .e-con:has(> .nt-sec-head){padding:36px 38px!important}}
/* SGS 兩頁報告（甲1 .mk121-sgs2 figure：撐滿格子）：WordPress 圖說外框有寫死寬度，手機 343px（格子 350px） → 撐滿 */
.nt-jia1 .nt-pd .nt-sgs2 figure.wp-caption{width:100%!important;max-width:100%!important}
.nt-jia1 .nt-pd .nt-sgs2 figure.wp-caption img{width:100%!important}
/* 商品頁「商品特色」白卡（甲1 .mk126-feat 860 寬、置中）：新版靠左 → 置中 */
.nt-jia1 .nt-pd .e-con.nt-feat{align-self:center}
/* 成分表（甲1 table.spec）：
   ①左欄寬度照表格算法：每列左欄一樣寬＝最長那格（不換行）或 8em，取大的（甲1 142.9px）；新版每列各自排，手機版左欄被擠成 83px、字換行，每列高度都不同
     → 整張表用格線、每一列用同一組欄（subgrid），左欄 max-content、右欄填滿
   ②右格內距：甲1 字就在格子上（內距 14/10）；新版內距在外框、字在裡面的小框 → 內距移到字框、字框撐滿整格（樣子不變） */
.nt-jia1 .nt-pd .e-con.nt-spec{display:grid!important;grid-template-columns:minmax(calc(8em + 20px),max-content) minmax(0,1fr);font-size:15.04px}
.nt-jia1 .nt-pd .e-con.nt-spec > .e-con.nt-spec-row{display:grid!important;grid-column:1 / -1;grid-template-columns:subgrid}
.nt-jia1 .nt-pd .nt-spec-row > .nt-spec-th{width:auto!important;max-width:none!important;white-space:nowrap}
/* 左格內距每個寬度都是 14/10（甲1 .spec th；新版手機右邊 6px 是照關於我們 .t-sheet 的規則，商品頁不用） */
.nt-jia1 .nt-pd .nt-spec-row > .nt-spec-th > .elementor-widget-container{padding:14px 10px!important}
.nt-jia1 .nt-pd .nt-spec-row > .e-con.nt-spec-td{width:auto!important;max-width:none!important;padding:0!important}
.nt-jia1 .nt-pd .nt-spec-td > .elementor-widget:only-child{flex:1 1 auto;display:flex;flex-direction:column}
.nt-jia1 .nt-pd .nt-spec-td > .elementor-widget:only-child > .elementor-widget-container{flex:1 1 auto;padding:14px 10px}
/* 商品頁「怎麼吃」步驟標題（甲1 .howto-card .steps b：行高 1.5、上內距 (44px − 1.5em)/2，字跟左邊 44px 圓圈置中對齊）；
   新版是步驟外框上 10px → 內距移到標題上（字的位置一樣，標題框跟甲1 一樣從步驟頂端算） */
.nt-jia1 :is(.nt-pd,.nt-home) .e-con.nt-step{padding-top:0!important}
.nt-jia1 :is(.nt-pd,.nt-home) .nt-step > .elementor-widget-heading:first-child .elementor-heading-title{padding-top:calc((44px - 1.5em) / 2)}
/* 評價總分那一列的 Google 標誌：甲1 是 22px 的 svg；新版圖示元件外框行高 28px（29px 高）→ 手機換行時那一行多 7px */
.nt-jia1 .nt-gsum .elementor-widget-icon .elementor-icon-wrapper{line-height:0}
/* 首頁各區 ≤900（甲1 index.html 768／390 寬實量；甲1 .sec ≤900 上下 56px）：
   新版平板還是電腦版的 88px → 組合、安心承諾、評價、加入會員上下 56；三種便利上 72 下 56；健康小學堂下 56；
   三種吃法跟商品頁一樣（93px、照片和白卡間距 40、白卡內距 26/22）；歷年佳績白卡內距 56/20 */
@media (max-width:900px){
  .nt-jia1 .e-con.nt-home:is(.nt-combos,.nt-trust,.nt-reviews,.nt-join) > .e-con-inner{padding-top:56px!important;padding-bottom:56px!important}
  .nt-jia1 .e-con.nt-home.nt-times > .e-con-inner{padding-top:72px!important;padding-bottom:56px!important}
  .nt-jia1 .e-con.nt-home.nt-posts > .e-con-inner{padding-bottom:56px!important}
  .nt-jia1 .e-con.nt-home.nt-howto > .e-con-inner{padding-top:93px!important;padding-bottom:93px!important}
  .nt-jia1 .nt-home.nt-howto .e-con.e-grid:has(> .nt-blob){row-gap:40px!important}
  .nt-jia1 .nt-home.nt-howto .e-con.e-grid > .e-con:has(> .nt-sec-head){padding:26px 22px!important}
  .nt-jia1 .nt-home.nt-zec .e-con.nt-zec-card{padding:56px 20px!important}
  .nt-jia1 .e-con.nt-home.nt-perks{margin-top:-24px!important}
  /* 組合卡（MK154 接續 1 改：甲1 site.css ≤900 寫 12、12/12/16，但後載入的 site_主題共用.css 每個寬度都是 .combos 間距 18、.combo 內距 14/14/18；甲1 768 實量 355 寬、間距 18） */
  .nt-jia1 .nt-home .e-con.e-grid:has(> .nt-combo){gap:18px!important}
  .nt-jia1 .nt-home .e-con.nt-combo{padding:14px 14px 18px!important}
}
/* 首頁募資卡四角彩帶（甲1 .zec 裡 4 個 svg.mk121-cf，site_甲1.css「MK121」）：
   新版原本是卡片 ::after 的 4 張背景圖（MK132）→ 改成卡片裡一個 HTML 元件放同樣 4 個 svg，位置大小照甲1；舊的 ::after 關掉 */
.nt-jia1 .nt-home .nt-zec-card::after{content:none!important}
.nt-jia1 .nt-home .nt-zec-card > .nt-zec-cf{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;margin:0!important;z-index:0!important;pointer-events:none}
.nt-jia1 .nt-zec-cf .mk121-cf{position:absolute;width:150px;height:40px;pointer-events:none;z-index:0}
.nt-jia1 .nt-zec-cf .mk121-cf-tl{top:12px;left:20px}
.nt-jia1 .nt-zec-cf .mk121-cf-tr{top:12px;right:20px}
.nt-jia1 .nt-zec-cf .mk121-cf-bl{bottom:12px;left:20px}
.nt-jia1 .nt-zec-cf .mk121-cf-br{bottom:12px;right:20px}
@media (max-width:900px){
  .nt-jia1 .nt-zec-cf .mk121-cf{width:120px;height:32px}
  .nt-jia1 .nt-zec-cf :is(.mk121-cf-tl,.mk121-cf-tr){top:10px}
  .nt-jia1 .nt-zec-cf :is(.mk121-cf-bl,.mk121-cf-br){bottom:10px}
  .nt-jia1 .nt-zec-cf :is(.mk121-cf-tl,.mk121-cf-bl){left:12px}
  .nt-jia1 .nt-zec-cf :is(.mk121-cf-tr,.mk121-cf-br){right:12px}
}
/* 數字白框（甲1 .fresh-facts .fact 內距 26/24/22，每個寬度都是；新版手機 20/16） */
@media (max-width:600px){.nt-jia1 .nt-facts .e-con.e-grid > .e-con{padding:26px 24px 22px!important}}
/* 「三種吃法」「怎麼吃」照片 ≤768（甲1 MK130 .howto-sec .blob img：放大 1.2 倍、原點 30% 45%，隨身包離邊 ≥20px） */
@media (max-width:768px){
  .nt-jia1 .nt-blob img{transform:scale(1.2);transform-origin:30% 45%}
}
@media (prefers-reduced-motion:reduce){
  .nt-jia1 .nt-ar-top .nt-ar-card,.nt-jia1 .e-con.nt-stage::after{animation:none}
  .nt-jia1 .elementor-button,.nt-jia1 .e-con.nt-combo{transition:none}
  .nt-jia1 .elementor-button:hover{transform:none}
}
/* ── 15. MK154 第二段：隱私權 1885、檢驗與證明 1883 ── */
/* 大標白卡 ≤900：甲1 .ph 變直排、.wrap 左右 auto → 白卡寬度照內容、置中（跟 1860／1861 同做法） */
@media (max-width:900px){
  .nt-jia1 :is(.elementor-1885,.elementor-1883) .nt-ph-cardwrap{width:fit-content!important;max-width:100%;align-self:center;margin-left:auto;margin-right:auto}
}
/* 檢驗與證明卡片（甲1 .t-docs 格子間距 24；.doc.card 有 1px 透明框 → 字框窄 2px；.doc-ph 內距 10、字本身就是整個方塊、置中） */
.nt-jia1 .elementor-1883 .nt-docs .e-con:has(> .nt-doc){row-gap:24px!important;column-gap:24px!important;gap:24px!important}
.nt-jia1 .elementor-1883 .e-con.nt-doc{border:1px solid transparent!important}
.nt-jia1 .elementor-1883 .e-con.nt-doc-ph{padding:0!important;align-items:stretch!important;justify-content:flex-start!important}
.nt-jia1 .elementor-1883 .nt-doc-ph > .elementor-widget{flex:1 1 auto!important;width:100%!important;display:grid}
.nt-jia1 .elementor-1883 .nt-doc-ph > .elementor-widget > .elementor-widget-container{display:grid}
.nt-jia1 .elementor-1883 .nt-doc-ph .elementor-heading-title{display:grid;place-items:center;padding:10px;text-align:center}
/* 專利、獲獎清單（甲1 ul.mk130-list 字 16px、字距 .32px 往下繼承；li 字 .92rem、行高 1.7）：新版 ul、li 是 13.8px → 字距 .276px，每列換行不同 */
.nt-jia1 .elementor-1883 ul.nt-plist{font-size:16px;line-height:28px;letter-spacing:.32px}
.nt-jia1 .elementor-1883 ul.nt-plist > li{font-size:14.72px;line-height:25.024px;letter-spacing:.32px}
.nt-jia1 .elementor-1883 ul.nt-plist > li > span{letter-spacing:.32px}
/* 隱私權條文（甲1 .prose 字 16px、行高 28px、字距 .32px，p／li 都繼承）：新版文字元件本身 15.04px → 行高 27.824px、字距 .3008px 往下繼承，每行矮 0.18px、越往下差越多 */
.nt-jia1 .elementor-1885 .nt-sheet .nt-prose,
.nt-jia1 .elementor-1885 .nt-sheet .nt-prose > .elementor-widget-container{line-height:28px!important;letter-spacing:.32px!important}
/* 隱私權「最後更新」那行（甲1 p 緊接上一段、行高 25.2px）：新版元件內層上外距 10px、行高 27.2px → 整個條文區高 12px */
.nt-jia1 .elementor-1885 .elementor-element-7968843 > .elementor-widget-container{margin-top:0!important;line-height:25.2px!important}
/* 大標照片電腦版（甲1 .ph-slim／.ph-stage .ph-img{left:0}：照片整條 1440 寬、圖片 object-position 50% 55%）：新版照片從 403px 開始 */
@media (min-width:901px){
  .nt-jia1 :is(.elementor-1885,.elementor-1883,.elementor-1884) .nt-ph-img{left:0!important;width:auto!important}
  .nt-jia1 :is(.elementor-1885,.elementor-1883,.elementor-1884) .nt-ph-img img{object-position:50% 55%}
}
/* ── MK159 設計細節收尾（統籌 10/29 晚重拍 28 頁比對；甲1 實量 過程/MK159/查_*.json） ── */
/* 退換貨須知手機版大標照片（甲1 object-position 50% 55%，新版 50% 50%） */
@media (max-width:900px){.nt-jia1 .elementor-1884 .nt-ph-img img{object-position:50% 55%!important}}
/* 大標下第一區上下留白：甲1 .sec.t-tint ≤900 是 48px，新版手機 56px（聯絡我們、常見問題、關於我們第 1、3 區、銷售據點、退換貨須知） */
@media (max-width:900px){
  .nt-jia1 :is(.elementor-element-ab03345,.elementor-element-affebad,.elementor-element-5604f06,.elementor-element-8d17110,.elementor-element-9810215,.elementor-element-bbec533) > .e-con-inner{padding-top:48px!important;padding-bottom:48px!important}
}
/* 聯絡我們表單：問題類別下拉照甲1 用瀏覽器原本的箭頭、高 49；Contact Form 7 自動加的 <br> 在 grid 裡多佔一格間距 → 藏掉 */
.nt-jia1 .elementor-1862 .nt-cf7 select{-webkit-appearance:auto!important;appearance:auto!important;display:block!important;height:49px!important;min-height:0!important;line-height:normal!important}
.nt-jia1 .elementor-1862 .nt-cf7 .nt-f br{display:none}
/* Contact Form 7 包欄位的 <p> 是 display:contents，但它的 ::before／::after（清除浮動）在 grid 裡變成空格子、多一格 16px 間距（問題類別後、聯絡人列裡、送出鈕後各多 16）→ 拿掉 */
.nt-jia1 .elementor-1862 .nt-cf7 .nt-f p::before,.nt-jia1 .elementor-1862 .nt-cf7 .nt-f p::after{content:none!important;display:none!important}
/* 常見問題問題右邊 +／−：甲1 是 summary::after 的 Jost 字（right 6、top 14、1.4rem、#2A8468）；新版 Elementor 圖示換成同樣的字 */
.nt-jia1 .elementor-1865 .nt-acc .e-n-accordion-item-title-icon{display:none!important}
.nt-jia1 .elementor-1865 .nt-acc summary.e-n-accordion-item-title{position:relative}
.nt-jia1 .elementor-1865 .nt-acc summary.e-n-accordion-item-title::after{content:"+";position:absolute;right:6px;top:14px;font-family:Jost,"Noto Sans TC",sans-serif;font-size:1.4rem;line-height:1.75;font-weight:400;color:#2A8468}
.nt-jia1 .elementor-1865 .nt-acc details[open] > summary.e-n-accordion-item-title::after{content:"−"}
/* 關於我們：「NUTRI TIME」小字行高（甲1 26.832px＝1.95em）；手機文字卡左右各內縮 14（新版寬 100% 再加左外距，右邊超出 28px）；編號 1／2／3 行高 1.75（圓 76px 改用高度置中） */
.nt-jia1 .elementor-1859 .elementor-element-8908048 .elementor-heading-title{line-height:1.95!important}
@media (max-width:900px){.nt-jia1 .elementor-1859 .elementor-element-57e88a8{width:auto!important;max-width:calc(100% - 28px)}}
.nt-jia1 .elementor-1859 :is(.elementor-element-b0d7bec,.elementor-element-04d4a7f,.elementor-element-8228147) .elementor-heading-title{line-height:1.75!important;height:76px;display:grid;place-items:center}
/* 「看看專利益生菌順暢PLUS」卡（甲1 .mk114-next-txt 寬度照內容，不撐滿）：新版字欄撐滿 566px */
@media (min-width:601px){.nt-jia1 .elementor-1883 .nt-next-card > .e-con:not(:has(img)){flex:0 1 auto!important;width:auto!important}}
/* ── 16. MK154 第二段：首頁 ── */
/* 三種便利卡片的號碼、標題（甲1 .clock／h3.when 本身左右內距 12px、h3 上外距 2px）：新版內距在元件外框、字框窄 24px（字的位置一樣）→ 內距移到字上 */
.nt-jia1 .nt-times .e-con:has(> .nt-img43) > .elementor-widget-heading > .elementor-widget-container{padding:0!important}
.nt-jia1 .nt-times .e-con:has(> .nt-img43) > .elementor-widget-heading .elementor-heading-title{padding:0 12px}
.nt-jia1 .nt-times .e-con:has(> .nt-img43) > .elementor-widget-heading h3.elementor-heading-title{margin-top:2px}
/* ── 17. MK154 接續 1：首頁 ── */
/* 組合卡（甲1 .combo 是 display:grid、間距 10，多出來的高平均分給每一列 → 1 盒卡的字往下撐）：新版是直排 flex，字都擠在上面 */
.nt-jia1 .nt-home .e-con.nt-combo{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:stretch}
/* 「每包約」「比買 1 盒省」（甲1 span 上外距 -7px、框高 18.56）：新版 -7px 在元件內層 → 元件框只剩 11.6 高；外距移到元件本身，字的位置不變 */
.nt-jia1 .e-con.nt-combo > .elementor-widget:is([class*="-pack"],[class*="-save"]){margin-top:-7px!important}
.nt-jia1 .e-con.nt-combo > .elementor-widget:is([class*="-pack"],[class*="-save"]) > .elementor-widget-container{margin-top:0!important}
/* 組合上方四格提示條（甲1 ul.mk102-perks：電腦版圖示 30、圖示和字間距 10；≤900 兩欄、內距 16/14、圖示 26、間距 8；≤600 auto-fit 8.9rem、內距 12、格距 8/10、圖示 20、間距 6）：
   新版 Elementor 圖示清單固定 4 欄，圖示外框多 6.5＋10、字左內距 5 */
.nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon{padding:0 10px 0 0!important}
.nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon svg{width:30px!important;height:30px!important;margin:0!important}
.nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-text{padding-left:0!important}
@media (max-width:900px){
  .nt-jia1 .nt-home.nt-perks .e-con:has(> .nt-perks4){padding:16px 14px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 ul.elementor-icon-list-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 li.elementor-icon-list-item{justify-content:flex-start!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon{padding-right:8px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon svg{width:26px!important;height:26px!important}
}
@media (max-width:600px){
  .nt-jia1 .nt-home.nt-perks .e-con:has(> .nt-perks4){padding:12px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 ul.elementor-icon-list-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.9rem),1fr))!important;gap:8px 10px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon{padding-right:6px!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4 .elementor-icon-list-icon svg{width:20px!important;height:20px!important}
}
/* 組合卡裡的字框（甲1 span.name／.p／.per 本身就是格子，被撐高的是字框）：新版撐高的是元件外框、字框沒跟著高 → 內層跟著撐滿 */
.nt-jia1 .nt-home .e-con.nt-combo > .elementor-widget:not(.nt-img1610):not(.nt-badge) > .elementor-widget-container{height:100%}
.nt-jia1 .nt-home .e-con.nt-combo > .elementor-widget-heading:not(.nt-badge) .elementor-heading-title{height:100%}
/* 三種便利（甲1 .times grid-auto-rows:1fr，手機疊成一欄時三張也同高 417.8）：新版手機每列各自高（391.5／417.8／391.5） */
.nt-jia1 .nt-times .e-con.e-grid:has(> .e-con > .nt-img43){grid-template-rows:none!important;grid-auto-rows:1fr!important}
/* 三大安心承諾照片框（甲1 figure.mk121-pf 下外距 8）：新版元件和元件內層各 8 → 每張卡多 8px */
.nt-jia1 .nt-home.nt-trust .nt-pf > .elementor-widget-container{margin-bottom:0!important}
/* 三種吃法步驟標題（甲1 b 行高 1.5、上內距 (44px-1.5em)/2，字框 34.6 高）：新版內距在外層容器（7.5px），字框只有 25.2 */
.nt-jia1 .nt-home .nt-hstep > .e-con:has(> .elementor-widget-heading){padding-top:0!important}
.nt-jia1 .nt-home .nt-hstep .elementor-widget-heading .elementor-heading-title{padding-top:calc((44px - 1.5em) / 2)}
/* 提示條手機版：元件外框被撐到 122 高（清單本身 57） */
@media (max-width:900px){.nt-jia1 .nt-home.nt-perks .nt-perks4{height:auto!important;min-height:0!important}}
/* 三大安心承諾（甲1 .trust 手機疊成一欄時三張同高 462.9）：新版每列各自高（436.6／462.9／436.6） */
.nt-jia1 .nt-home.nt-trust .e-con:has(> .e-con > .nt-pf){grid-template-rows:none!important;grid-auto-rows:1fr!important}
@media (max-width:900px){
  /* 三種吃法白卡內距（甲1 .howto-card ≤900 26/22）：第 14 段那條用 :has(> .nt-sec-head) 對不到（標題在下一層），平板還是 36/38 */
  .nt-jia1 .nt-home.nt-howto .e-con.e-grid > .e-con:has(.nt-hsteps){padding:26px 22px!important}
  /* 提示條外框是「直排＋換行」的 flex，手機版元件被撐到外框高 */
  .nt-jia1 .nt-home.nt-perks .e-con:has(> .nt-perks4){flex-wrap:nowrap!important;height:auto!important;min-height:0!important}
  .nt-jia1 .nt-home.nt-perks .nt-perks4{flex:0 0 auto!important}
}