/* * 首頁 CSS 正式分區收斂入口。 * 規則：只允許在既有區塊內合併與調整，不再整檔批次移除 !important。 * 驗收：首頁桌面 / 手機 / 輪播 / 推薦小物 / 購物車列需保持 GREEN 版面。 */
/* * NobodyInJp 首頁輪播器現代化樣式 * 日系低調質感 / 淡色系 / 固定舊版 ECShop 結構相容 * Scope: only index.dwt .ni-home-carousel-modern * : 首頁 CSS 後續只允許分區收斂，不再整檔批次移除 !important。 */

.ni-home-carousel-modern{
  background:#fffaf7;
}
.ni-home-carousel-modern .block{
  overflow:visible;
}
.ni-home-carousel-modern .blank,
.ni-home-carousel-modern .blank5{
  clear:both;
}
.ni-home-carousel-modern .ni-section-head,
.ni-home-carousel-modern .f_ad .title,
.ni-home-carousel-modern .new .title{
  height:46px !important;
  line-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  box-sizing:border-box !important;
  padding:0 14px 0 16px !important;
  background:linear-gradient(180deg,#fffdfa 0%,#fff5ee 100%) !important;
  border-bottom:1px solid rgba(228,198,184,.55) !important;
}
.ni-home-carousel-modern .ni-section-title,
.ni-home-carousel-modern .f_ad .title span,
.ni-home-carousel-modern .new .title span{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:46px !important;
  line-height:46px !important;
  margin:0 !important;
  padding:0 0 0 22px !important;
  background:none !important;
  color:#8f6f62 !important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","Yu Mincho","PMingLiU",serif !important;
  font-size:15px !important;
  font-weight:var(--ni-font-serif-weight, 700) !important;
  letter-spacing:.16em !important;
  text-align:left !important;
  position:relative !important;
}
.ni-home-carousel-modern .ni-section-title:before,
.ni-home-carousel-modern .f_ad .title span:before,
.ni-home-carousel-modern .new .title span:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:999px;
  background:#f2b8a8;
  box-shadow:9px 0 0 #f7d8bf;
}
.ni-home-carousel-modern .tabBut{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  float:none !important;
  height:46px !important;
  line-height:1 !important;
  padding:0 !important;
}
.ni-home-carousel-modern .tabBut a.prev,
.ni-home-carousel-modern .tabBut a.next{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  float:none !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  border:1px solid rgba(214,177,160,.58) !important;
  border-radius:999px !important;
  background:#fffaf6 !important;
  box-shadow:0 2px 7px rgba(174,126,105,.10) !important;
  color:#b98976 !important;
  text-indent:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
  transition:background .2s ease, box-shadow .2s ease, transform .2s ease, color .2s ease !important;
}
.ni-home-carousel-modern .tabBut a.prev:before,
.ni-home-carousel-modern .tabBut a.next:before{
  display:block;
  font-size:16px;
  line-height:1;
  font-family:Arial,"Noto Sans TC",sans-serif;
  font-weight:400;
}
.ni-home-carousel-modern .tabBut a.prev:before{content:"‹";}
.ni-home-carousel-modern .tabBut a.next:before{content:"›";}
.ni-home-carousel-modern .tabBut a.prev:hover,
.ni-home-carousel-modern .tabBut a.next:hover{
  background:#fff3ed !important;
  color:#9f6c5b !important;
  box-shadow:0 4px 12px rgba(174,126,105,.16) !important;
  transform:translateY(-1px) !important;
}
.ni-home-carousel-modern .tabBut b{
  display:inline-block !important;
  float:none !important;
  width:8px !important;
  height:8px !important;
  margin:0 !important;
  border-radius:999px !important;
  background:#eadad1 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:width .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.ni-home-carousel-modern .tabBut b.tabOn{
  width:24px !important;
  background:#dca08c !important;
  box-shadow:0 2px 6px rgba(186,123,101,.18) !important;
}
.ni-home-carousel-modern .newmore,
.ni-home-carousel-modern .newmore a,
.ni-home-carousel-modern .more{
  float:none !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  color:#a68375 !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-decoration:none !important;
}
.ni-home-carousel-modern .newmore a,
.ni-home-carousel-modern .more{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:46px !important;
  min-height:24px !important;
  padding:0 10px !important;
  border:1px solid rgba(214,177,160,.45) !important;
  border-radius:999px !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern .newmore a:hover,
.ni-home-carousel-modern .more:hover{
  background:#fff2ec !important;
  color:#926b5f !important;
  text-decoration:none !important;
}

/* 主視覺輪播 */
.ni-home-carousel-modern #homepage{
  width:686px;
  height:370px;
  float:left;
  position:relative;
}
.ni-home-carousel-modern #homepage .slides,
.ni-home-carousel-modern .slides{
  overflow:hidden !important;
  width:686px !important;
  height:370px !important;
  float:left !important;
  position:relative !important;
  border-radius:22px !important;
  background:#fff7f2 !important;
  border:1px solid rgba(230,203,190,.72) !important;
  box-shadow:0 14px 32px rgba(151,104,82,.13) !important;
  box-sizing:border-box !important;
  isolation:isolate;
}
.ni-home-carousel-modern .slide-pic{
  overflow:hidden !important;
  width:100% !important;
  height:324px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:#fbf1ec !important;
}
.ni-home-carousel-modern .slide-pic li,
.ni-home-carousel-modern .slide-pic LI{
  display:none;
  width:100% !important;
  height:324px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  opacity:0;
  transform:scale(1.012);
  transition:opacity .42s ease, transform .6s ease;
}
.ni-home-carousel-modern .slide-pic li.cur,
.ni-home-carousel-modern .slide-pic LI.cur{
  display:block !important;
  opacity:1;
  transform:scale(1);
}
.ni-home-carousel-modern .slide-pic a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  text-decoration:none !important;
}
.ni-home-carousel-modern .slide-pic img,
.ni-home-carousel-modern .slide-pic IMG{
  display:block !important;
  width:100% !important;
  height:324px !important;
  object-fit:contain !important;
  border:0 !important;
}
.ni-home-carousel-modern .slide-li.op{
  display:none !important;
}
.ni-home-carousel-modern .slide-li.slide-txt{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:46px !important;
  display:flex !important;
  position:absolute !important;
  z-index:4 !important;
  margin:0 !important;
  padding:5px 6px !important;
  box-sizing:border-box !important;
  background:rgba(255,250,247,.94) !important;
  border-top:1px solid rgba(226,198,184,.72) !important;
  backdrop-filter:blur(8px);
  list-style:none !important;
}
.ni-home-carousel-modern .slide-li.slide-txt li,
.ni-home-carousel-modern .slide-li.slide-txt LI{
  float:none !important;
  flex:1 1 0 !important;
  width:auto !important;
  height:36px !important;
  line-height:36px !important;
  margin:0 3px !important;
  padding:0 !important;
  border:0 !important;
  text-align:center !important;
  list-style:none !important;
}
.ni-home-carousel-modern .slide-li.slide-txt a{
  display:block !important;
  width:auto !important;
  height:36px !important;
  line-height:36px !important;
  border-radius:999px !important;
  color:#a08b83 !important;
  background:transparent !important;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.05em !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  text-decoration:none !important;
  transition:background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.ni-home-carousel-modern .slide-li.slide-txt li.cur a,
.ni-home-carousel-modern .slide-li.slide-txt LI.cur a,
.ni-home-carousel-modern .slide-li.slide-txt a:hover{
  color:#8b6256 !important;
  background:#fff0e9 !important;
  box-shadow:inset 0 0 0 1px rgba(218,174,154,.46),0 4px 10px rgba(182,128,104,.11) !important;
  text-decoration:none !important;
}
.ni-home-carousel-modern .ni-hero-btn{
  position:absolute;
  z-index:5;
  top:50%;
  width:36px;
  height:36px;
  margin-top:-34px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:999px;
  background:rgba(255,250,247,.82);
  box-shadow:0 8px 20px rgba(132,84,66,.12);
  color:#9c7466;
  font-size:25px;
  line-height:32px;
  text-align:center;
  cursor:pointer;
  outline:0;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ni-home-carousel-modern .ni-hero-btn:hover{
  background:#fff7f2;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(132,84,66,.17);
}
.ni-home-carousel-modern .ni-hero-prev{left:12px;}
.ni-home-carousel-modern .ni-hero-next{right:12px;}

/* 中段廣告切換 */
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  overflow:hidden !important;
  border:1px solid rgba(230,203,190,.72) !important;
  border-radius:20px !important;
  background:#fffdfa !important;
  box-shadow:0 10px 26px rgba(151,104,82,.10) !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .f_ad{
  width:418px !important;
  height:292px !important;
}
.ni-home-carousel-modern .f_ad2{
  width:258px !important;
  height:292px !important;
  margin-left:10px !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop{
  width:100% !important;
  height:244px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fffaf6 0%,#fff4ee 100%) !important;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div{
  width:100% !important;
  height:244px !important;
  overflow:hidden !important;
  text-align:center !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_qsh_img img{
  max-width:100% !important;
  width:100% !important;
  height:auto !important;
  border:0 !important;
  display:block !important;
}
.ni-home-carousel-modern .f_qsh{
  width:100% !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  box-sizing:border-box !important;
  padding:0 14px 0 16px !important;
  background:linear-gradient(180deg,#fffdfa 0%,#fff5ee 100%) !important;
  border-bottom:1px solid rgba(228,198,184,.55) !important;
}
.ni-home-carousel-modern .f_qsh p{
  display:inline-flex !important;
  width:auto !important;
  height:46px !important;
  line-height:46px !important;
  margin:0 !important;
  padding:0 0 0 22px !important;
  background:none !important;
  color:#8f6f62 !important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","Yu Mincho","PMingLiU",serif !important;
  font-size:15px !important;
  font-weight:var(--ni-font-serif-weight, 700) !important;
  letter-spacing:.16em !important;
  position:relative !important;
}
.ni-home-carousel-modern .f_qsh p:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:999px;
  background:#f2b8a8;
  box-shadow:9px 0 0 #f7d8bf;
}
.ni-home-carousel-modern .f_qsh p:after{
  content:"焦點精選";
}
.ni-home-carousel-modern .f_qsh_img{
  height:244px !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
}

/* 新品輪播 */
.ni-home-carousel-modern .new{
  width:688px !important;
  height:466px !important;
  border:1px solid rgba(230,203,190,.72) !important;
  border-radius:22px !important;
  background:#fffdfa !important;
  box-shadow:0 12px 28px rgba(151,104,82,.11) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern #nbox{
  height:418px !important;
  overflow:hidden !important;
  padding:12px 10px 10px !important;
  box-sizing:border-box !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8f3 100%) !important;
}
.ni-home-carousel-modern #nbox .switch_item,
.ni-home-carousel-modern #nbox .nbox_in{
  width:100% !important;
  height:396px !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern .new_ul{
  display:block !important;
  float:left !important;
  width:145px !important;
  height:184px !important;
  margin:0 5px 12px !important;
  padding:10px 6px 8px !important;
  border:1px solid rgba(231,211,200,.72) !important;
  border-radius:18px !important;
  background:#fffaf7 !important;
  box-shadow:0 6px 16px rgba(151,104,82,.07) !important;
  text-align:center !important;
  box-sizing:border-box !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.ni-home-carousel-modern .new_ul:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(151,104,82,.12) !important;
  border-color:rgba(220,160,140,.62) !important;
}
.ni-home-carousel-modern .new_ul li{
  width:100% !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 !important;
}
.ni-home-carousel-modern .new_img{
  height:118px !important;
  padding:0 0 8px !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern .new_img a{
  display:block !important;
  width:116px !important;
  height:116px !important;
  margin:0 auto !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
}
.ni-home-carousel-modern .new_img img{
  display:block !important;
  width:116px !important;
  height:116px !important;
  object-fit:contain !important;
  border:0 !important;
  transition:transform .25s ease !important;
}
.ni-home-carousel-modern .new_ul:hover .new_img img{
  transform:scale(1.035);
}
.ni-home-carousel-modern .new_ul li a{
  display:block !important;
  max-height:34px !important;
  line-height:17px !important;
  overflow:hidden !important;
  color:#76645d !important;
  font-size:12px !important;
  text-decoration:none !important;
}
.ni-home-carousel-modern .new_ul li a:hover{
  color:#b77762 !important;
  text-decoration:none !important;
}
.ni-home-carousel-modern .new_ul span{
  display:block !important;
  margin-top:3px !important;
  color:#d28a74 !important;
  font-size:12px !important;
  line-height:18px !important;
  font-weight:var(--ni-font-serif-weight, 700) !important;
}

/* 品牌橫向輪播 */
.ni-home-carousel-modern .brands_gd{
  clear:both;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid rgba(230,203,190,.72) !important;
  border-radius:22px !important;
  background:#fffdfa !important;
  box-shadow:0 12px 28px rgba(151,104,82,.10) !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .brands_gd > img{
  display:none !important;
}
.ni-home-carousel-modern .ni-brand-head{
  margin:0 !important;
}
.ni-home-carousel-modern .index_bottom{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:14px !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8f3 100%) !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .index_bottom .left,
.ni-home-carousel-modern .index_bottom .f_r.ni-brand-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:52px !important;
  padding:0 !important;
  float:none !important;
}
.ni-home-carousel-modern .ni-brand-arrow button{
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(214,177,160,.58) !important;
  border-radius:999px !important;
  background:#fffaf6 !important;
  box-shadow:0 4px 12px rgba(174,126,105,.10) !important;
  color:#b98976 !important;
  font-size:20px !important;
  line-height:26px !important;
  text-align:center !important;
  cursor:pointer !important;
  padding:0 !important;
  outline:0 !important;
}
.ni-home-carousel-modern .ni-brand-arrow button:hover{
  background:#fff2ec !important;
  color:#8f6f62 !important;
}
.ni-home-carousel-modern .index_bottom .center,
.ni-home-carousel-modern .index_bottom #pic_scroller{
  float:none !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:842px !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern .rollBox,
.ni-home-carousel-modern .rollBox .Cont{
  width:100% !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern .rollBox .ScrCont{
  width:134217px !important;
}
.ni-home-carousel-modern .index_bottom .center A,
.ni-home-carousel-modern .index_bottom .center a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  float:left !important;
  width:128px !important;
  height:54px !important;
  margin:0 6px !important;
  padding:0 !important;
  border:1px solid rgba(231,211,200,.78) !important;
  border-radius:16px !important;
  background:#fffaf7 !important;
  box-shadow:0 4px 12px rgba(151,104,82,.06) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.ni-home-carousel-modern .index_bottom .center A:hover,
.ni-home-carousel-modern .index_bottom .center a:hover{
  transform:translateY(-1px);
  border-color:rgba(220,160,140,.62) !important;
  box-shadow:0 8px 18px rgba(151,104,82,.11) !important;
}
.ni-home-carousel-modern .index_bottom .center A IMG,
.ni-home-carousel-modern .index_bottom .center a img{
  width:auto !important;
  max-width:112px !important;
  height:auto !important;
  max-height:38px !important;
  border:0 !important;
  object-fit:contain !important;
}

/* 右側與下方廣告圖微調，不改資料來源 */
.ni-home-carousel-modern .ad_4 a img,
.ni-home-carousel-modern .r_ad1_p img,
.ni-home-carousel-modern .right img{
  border-radius:16px;
}

@media screen and (max-width: 980px){
  .ni-home-carousel-modern .block{width:96%;margin-left:auto;margin-right:auto;}
  .ni-home-carousel-modern #homepage,
  .ni-home-carousel-modern .slides{max-width:100%;}
}

/* --------------------------------------------------------------------------
 * V2 responsive refinement
 * 修正：視窗縮放跑版、主輪播裁圖、右側公告中縫圓角、箭頭外框底色
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,238,230,.72) 0, rgba(255,238,230,0) 260px),
    linear-gradient(180deg,#fffaf7 0%,#fffdfb 45%,#fff8f3 100%) !important;
}
.ni-home-carousel-modern .block{
  box-sizing:border-box !important;
  overflow:visible !important;
}
.ni-home-carousel-modern .ni-home-hero-row{
  clear:both !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  width:100% !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .ni-home-hero-main{
  float:none !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:686px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .ni-home-hero-main > .blank{
  display:none !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right{
  float:none !important;
  flex:0 0 260px !important;
  width:260px !important;
  min-width:260px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .ni-home-main-grid{
  clear:both !important;
  width:100% !important;
  margin-top:14px !important;
  box-sizing:border-box !important;
}

/* 主輪播：使用比例縮放，避免固定高度造成裁切與跑版 */
.ni-home-carousel-modern #homepage{
  float:none !important;
  width:100% !important;
  max-width:686px !important;
  height:auto !important;
  min-height:0 !important;
  position:relative !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern #homepage .slides,
.ni-home-carousel-modern .ni-hero-carousel .slides{
  float:none !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(226,198,184,.76) !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff7f1 100%) !important;
  box-shadow:0 10px 24px rgba(142,100,82,.10) !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .slide-pic{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:685 / 336 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  list-style:none !important;
}
.ni-home-carousel-modern .slide-pic li,
.ni-home-carousel-modern .slide-pic LI{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  list-style:none !important;
}
.ni-home-carousel-modern .slide-pic a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
.ni-home-carousel-modern .slide-pic img,
.ni-home-carousel-modern .slide-pic IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  border:0 !important;
  background:#fff8f3 !important;
}
.ni-home-carousel-modern .slide-li.slide-txt{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:5px 7px !important;
  border-top:1px solid rgba(226,198,184,.68) !important;
  background:rgba(255,250,247,.96) !important;
  box-sizing:border-box !important;
  backdrop-filter:blur(8px);
}
.ni-home-carousel-modern .slide-li.slide-txt li,
.ni-home-carousel-modern .slide-li.slide-txt LI{
  height:34px !important;
  line-height:34px !important;
  margin:0 3px !important;
}
.ni-home-carousel-modern .slide-li.slide-txt a{
  height:34px !important;
  line-height:34px !important;
  border-radius:999px !important;
  color:#9b8279 !important;
  letter-spacing:.06em !important;
}
.ni-home-carousel-modern .slide-li.slide-txt li.cur a,
.ni-home-carousel-modern .slide-li.slide-txt LI.cur a,
.ni-home-carousel-modern .slide-li.slide-txt a:hover{
  color:#8a655a !important;
  background:#fff1eb !important;
  box-shadow:inset 0 0 0 1px rgba(220,171,150,.45) !important;
}

/* 主輪播箭頭：移除外框、底色與圓形按鈕，只保留細緻 chevron */
.ni-home-carousel-modern .ni-hero-btn{
  position:absolute !important;
  z-index:8 !important;
  top:calc((100% - 46px) / 2) !important;
  width:34px !important;
  height:62px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(112,84,74,.72) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:42px !important;
  font-weight:300 !important;
  line-height:58px !important;
  text-align:center !important;
  text-shadow:0 1px 0 rgba(255,255,255,.75),0 2px 7px rgba(80,50,38,.12) !important;
  cursor:pointer !important;
  outline:0 !important;
  transition:color .18s ease, transform .18s ease, opacity .18s ease !important;
}
.ni-home-carousel-modern .ni-hero-btn:hover{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(90,62,54,.92) !important;
  transform:translateY(-50%) scale(1.08) !important;
}
.ni-home-carousel-modern .ni-hero-prev{left:16px !important;}
.ni-home-carousel-modern .ni-hero-next{right:16px !important;}

/* 共用小輪播箭頭也改成低調文字箭頭 */
.ni-home-carousel-modern .tabBut a.prev,
.ni-home-carousel-modern .tabBut a.next,
.ni-home-carousel-modern .ni-brand-arrow button{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#b88977 !important;
}
.ni-home-carousel-modern .tabBut a.prev:hover,
.ni-home-carousel-modern .tabBut a.next:hover,
.ni-home-carousel-modern .ni-brand-arrow button:hover{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#8f675b !important;
}

/* 右側公告：上下拼圖只保留外框圓角，中間接合處不圓角 */
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_li{
  display:none !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p,
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p div{
  position:static !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p{
  overflow:hidden !important;
  border-radius:18px 18px 0 0 !important;
  background:#f0ded1 !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p + div{
  overflow:hidden !important;
  margin-top:-1px !important;
  border-radius:0 0 18px 18px !important;
  background:#fff7ec !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p img,
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p IMG{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:18px 18px 0 0 !important;
  border:0 !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p + div img,
.ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p + div IMG{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:0 0 18px 18px !important;
  border:0 !important;
}
.ni-home-carousel-modern .ni-home-hero-row > .right{
  filter:drop-shadow(0 10px 22px rgba(142,100,82,.10));
}

/* 下方模組更一致的卡片節奏 */
.ni-home-carousel-modern #flashleft{
  width:690px !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2,
.ni-home-carousel-modern .new,
.ni-home-carousel-modern .brands_gd{
  border-color:rgba(225,199,187,.78) !important;
  background:rgba(255,253,250,.96) !important;
  box-shadow:0 8px 22px rgba(142,100,82,.08) !important;
}
.ni-home-carousel-modern .ni-section-head,
.ni-home-carousel-modern .f_ad .title,
.ni-home-carousel-modern .new .title,
.ni-home-carousel-modern .f_qsh{
  background:linear-gradient(180deg,rgba(255,253,250,.98) 0%,rgba(255,247,241,.98) 100%) !important;
}

/* 中小螢幕：主輪播與公告維持同列縮放；不足時自然上下排列 */
@media screen and (max-width: 980px){
  .ni-home-carousel-modern .block{
    width:calc(100% - 28px) !important;
    max-width:960px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .ni-home-carousel-modern .ni-home-hero-row{
    gap:12px !important;
  }
  .ni-home-carousel-modern .ni-home-hero-main{
    max-width:none !important;
  }
  .ni-home-carousel-modern .ni-home-hero-row > .right{
    flex:0 0 244px !important;
    width:244px !important;
    min-width:244px !important;
  }
  .ni-home-carousel-modern .slide-li.slide-txt a{
    font-size:11px !important;
  }
}
@media screen and (max-width: 760px){
  .ni-home-carousel-modern .ni-home-hero-row{
    display:block !important;
  }
  .ni-home-carousel-modern .ni-home-hero-main,
  .ni-home-carousel-modern #homepage{
    width:100% !important;
    max-width:none !important;
  }
  .ni-home-carousel-modern .ni-home-hero-row > .right{
    width:100% !important;
    min-width:0 !important;
    margin-top:12px !important;
  }
  .ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p,
  .ni-home-carousel-modern .ni-home-hero-row > .right .r_ad1_p + div{
    max-width:320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .ni-home-carousel-modern .slide-li.slide-txt{
    height:auto !important;
    min-height:44px !important;
    flex-wrap:wrap !important;
    padding:5px !important;
  }
  .ni-home-carousel-modern .slide-li.slide-txt li,
  .ni-home-carousel-modern .slide-li.slide-txt LI{
    flex:1 1 32% !important;
    height:30px !important;
    line-height:30px !important;
  }
  .ni-home-carousel-modern .slide-li.slide-txt a{
    height:30px !important;
    line-height:30px !important;
  }
  .ni-home-carousel-modern #flashleft,
  .ni-home-carousel-modern .f_ad,
  .ni-home-carousel-modern .f_ad2,
  .ni-home-carousel-modern .new{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }
  .ni-home-carousel-modern .f_ad2{
    margin-top:12px !important;
  }
}

/* --------------------------------------------------------------------------
 * V3 layout / interaction refinement
 * 修正：頂部區塊空白過大、品牌改為非輪播橫向拖曳、推薦小物/主輪播互動一致
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .ni-home-stage{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  width:100% !important;
  margin:0 auto 18px !important;
}
.ni-home-carousel-modern .ni-home-stage-main{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:690px !important;
}
.ni-home-carousel-modern .ni-home-stage-side{
  flex:0 0 260px !important;
  width:260px !important;
  min-width:260px !important;
}
.ni-home-carousel-modern .ni-home-hero-row{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
.ni-home-carousel-modern .ni-home-main-grid{
  margin-top:14px !important;
}
.ni-home-carousel-modern #flashleft.ni-home-feature-grid{
  display:flex !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  margin:0 0 14px !important;
}
.ni-home-carousel-modern #flashleft.ni-home-feature-grid:after{ content:none !important; }
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  float:none !important;
  margin:0 !important;
}
.ni-home-carousel-modern .f_ad{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
}
.ni-home-carousel-modern .f_ad2{
  flex:0 0 258px !important;
  width:258px !important;
}
.ni-home-carousel-modern .ni-new-carousel-wrap,
.ni-home-carousel-modern .left.ni-new-carousel-wrap,
.ni-home-carousel-modern .ni-home-product-carousel{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
}
.ni-home-carousel-modern .new{ width:100% !important; }
.ni-home-carousel-modern .new .title .tabBut{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
}
.ni-home-carousel-modern .new .newmore{
  margin:0 0 0 8px !important;
  float:none !important;
}
.ni-home-carousel-modern .ni-home-stage-side > div:last-child{ margin-top:-1px !important; }
.ni-home-carousel-modern .ni-brand-grid-wrap{ padding:0 !important; }
.ni-home-carousel-modern .ni-brand-scroll{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:16px 14px 18px !important;
  scroll-behavior:smooth;
  cursor:grab;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8f3 100%) !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(207,164,145,.72) rgba(255,245,238,.95);
}
.ni-home-carousel-modern .ni-brand-scroll:active{ cursor:grabbing; }
.ni-home-carousel-modern .ni-brand-scroll::-webkit-scrollbar{ height:8px; }
.ni-home-carousel-modern .ni-brand-scroll::-webkit-scrollbar-track{
  background:rgba(255,245,238,.95);
  border-radius:999px;
}
.ni-home-carousel-modern .ni-brand-scroll::-webkit-scrollbar-thumb{
  background:rgba(207,164,145,.72);
  border-radius:999px;
}
.ni-home-carousel-modern .ni-brand-card{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:128px !important;
  height:58px !important;
  padding:0 10px !important;
  border:1px solid rgba(231,211,200,.78) !important;
  border-radius:16px !important;
  background:#fffaf7 !important;
  background-clip:padding-box !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 0 1px rgba(231,211,200,.78), 0 4px 12px rgba(151,104,82,.06) !important;
  transition:box-shadow .2s ease, border-color .2s ease, background-color .2s ease !important;
}
.ni-home-carousel-modern .ni-brand-card:hover{
  transform:none !important;
  border-color:rgba(220,160,140,.72) !important;
  background:#fffaf6 !important;
  box-shadow:inset 0 0 0 1px rgba(220,160,140,.72), 0 8px 18px rgba(151,104,82,.11) !important;
}
.ni-home-carousel-modern .ni-brand-card img{
  width:auto !important;
  max-width:108px !important;
  height:auto !important;
  max-height:38px !important;
  object-fit:contain !important;
  border:0 !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern .f_qsh_img,
.ni-home-carousel-modern .ni-brand-scroll,
.ni-home-carousel-modern .slide-pic,
.ni-home-carousel-modern .slide-pic a,
.ni-home-carousel-modern .f_ad{
  user-select:none;
  -webkit-user-select:none;
}
@media screen and (max-width: 980px){
  .ni-home-carousel-modern .ni-home-stage{ gap:12px !important; }
  .ni-home-carousel-modern .ni-home-stage-main{ max-width:none !important; }
  .ni-home-carousel-modern .ni-home-stage-side{
    flex:0 0 244px !important;
    width:244px !important;
    min-width:244px !important;
  }
  .ni-home-carousel-modern #flashleft.ni-home-feature-grid{ gap:12px !important; }
  .ni-home-carousel-modern .f_ad2{
    flex:0 0 244px !important;
    width:244px !important;
  }
}
@media screen and (max-width: 760px){
  .ni-home-carousel-modern .ni-home-stage{ display:block !important; }
  .ni-home-carousel-modern .ni-home-stage-side{
    width:100% !important;
    min-width:0 !important;
    margin-top:12px !important;
  }
  .ni-home-carousel-modern #flashleft.ni-home-feature-grid{ display:block !important; }
  .ni-home-carousel-modern .f_ad,
  .ni-home-carousel-modern .f_ad2{ width:100% !important; }
  .ni-home-carousel-modern .f_ad2{ margin-top:12px !important; }
  .ni-home-carousel-modern .ni-brand-scroll{ padding-bottom:14px !important; }
}

/* --------------------------------------------------------------------------
 * V4 homepage refinement
 * - 移除右側公告後，首頁第一屏改為滿版主區
 * - 移除「如何購買／前往了解」上方廣告區的殘留間距
 * - 品牌精選改回左右箭頭控制，不攔截頁面上下滾輪
 * - 輪播圖片增加低調淡入轉場
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .block > .blank:first-child{
  display:none !important;
}
.ni-home-carousel-modern .ni-home-stage{
  display:block !important;
  width:100% !important;
  margin:0 auto 18px !important;
}
.ni-home-carousel-modern .ni-home-stage-main{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.ni-home-carousel-modern .ni-home-stage-side,
.ni-home-carousel-modern .ni-home-hero-row > .right{
  display:none !important;
}
.ni-home-carousel-modern .ni-home-hero-main{
  width:100% !important;
  max-width:none !important;
}
.ni-home-carousel-modern #homepage,
.ni-home-carousel-modern #homepage .slides,
.ni-home-carousel-modern .ni-hero-carousel .slides{
  width:100% !important;
  max-width:none !important;
}
.ni-home-carousel-modern .ni-home-main-grid{
  margin-top:14px !important;
}
.ni-home-carousel-modern #flashleft.ni-home-feature-grid{
  width:100% !important;
}
.ni-home-carousel-modern .f_ad{
  flex:1 1 auto !important;
}
.ni-home-carousel-modern .f_ad2{
  flex:0 0 318px !important;
  width:318px !important;
}

/* 主輪播淡入轉場 */
.ni-home-carousel-modern .slide-pic{
  position:relative !important;
}
.ni-home-carousel-modern .slide-pic li,
.ni-home-carousel-modern .slide-pic LI{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:scale(1.012) !important;
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1),
    transform 1.15s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .62s !important;
  z-index:1 !important;
}
.ni-home-carousel-modern .slide-pic li.cur,
.ni-home-carousel-modern .slide-pic LI.cur{
  opacity:1 !important;
  visibility:visible !important;
  transform:scale(1) !important;
  transition-delay:0s !important;
  z-index:2 !important;
}

/* 小輪播/新品切換低調轉場，由 JS 在顯示項目上加 class */
.ni-home-carousel-modern .ni-soft-fade-in{
  animation:niSoftFadeIn .46s cubic-bezier(.22,.61,.36,1);
}
@keyframes niSoftFadeIn{
  from{opacity:.18; transform:translateY(3px) scale(1.006);}
  to{opacity:1; transform:translateY(0) scale(1);}
}

/* 品牌精選：保留左右箭頭，內容本身只橫向拖曳，不吃掉頁面直向滾輪 */
.ni-home-carousel-modern .ni-brand-control-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:14px !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8f3 100%) !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern .ni-brand-scroll{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:2px 2px 10px !important;
}
.ni-home-carousel-modern .ni-brand-nav{
  flex:0 0 34px !important;
  width:34px !important;
  height:54px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#b88977 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:34px !important;
  line-height:54px !important;
  font-weight:300 !important;
  cursor:pointer !important;
  outline:0 !important;
  transition:color .18s ease, transform .18s ease !important;
}
.ni-home-carousel-modern .ni-brand-nav:hover{
  color:#8f675b !important;
  transform:scale(1.08);
}
.ni-home-carousel-modern .ni-brand-nav:active{
  transform:scale(.96);
}
@media screen and (max-width: 760px){
  .ni-home-carousel-modern .f_ad2{
    flex:0 0 auto !important;
    width:100% !important;
  }
  .ni-home-carousel-modern .ni-brand-control-row{
    gap:4px !important;
    padding:12px 8px !important;
  }
  .ni-home-carousel-modern .ni-brand-nav{
    flex-basis:28px !important;
    width:28px !important;
  }
}

/* V5 emergency fix: page freeze was caused by JS MutationObserver loop; CSS transition remains on hero carousel. */

/* --------------------------------------------------------------------------
 * V6 carousel/header refinement
 * - 推薦小物 / 焦點精選圖片改為完整顯示，避免裁切太多
 * - 品牌拖曳時避免拉出圖片
 * - 首頁頂部樣式鎖回全站一致，不讓首頁背景影響 header/nav/search
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .block.header_bg{
  background:#fffaf7 !important;
}
.ni-home-carousel-modern #mainNav{
  background:#fe7679 url(../images/meun_bg.gif) repeat-x !important;
}
.ni-home-carousel-modern #mainNav .u1 .a1{
  color:#fff !important;
  background:transparent !important;
}
.ni-home-carousel-modern #mainNav #cur .a1,
.ni-home-carousel-modern #mainNav .u1_over .a1{
  color:#fff !important;
  background:#fe7679 !important;
}
.ni-home-carousel-modern #search{
  background:#fffaf7 url(../images/meun_bg2.gif) repeat-x !important;
  border-left:gainsboro 1px solid !important;
  border-right:gainsboro 1px solid !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop,
.ni-home-carousel-modern .f_qsh_img{
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div,
.ni-home-carousel-modern .f_qsh_img > div{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern .ni-brand-scroll,
.ni-home-carousel-modern .ni-brand-scroll *,
.ni-home-carousel-modern .ni-brand-card,
.ni-home-carousel-modern .ni-brand-card img{
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
.ni-home-carousel-modern .ni-brand-card img{
  pointer-events:none;
}

/* --------------------------------------------------------------------------
 * V7 final carousel/header fixes
 * - 品牌精選隱藏下滑桿，保留左右箭頭與順暢拖曳
 * - 修正推薦小物所有圖同時顯示：不能強制所有 slide display:flex
 * - 推薦小物 / 焦點精選圖片完整顯示，降低裁切
 * - 首頁 header 第一列分隔線與其他頁輸出一致
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .block.header_bg{
  background:#fffaf7 !important;
  border-bottom:1px solid #e7e7e7 !important;
}
.ni-home-carousel-modern .block.header_bg table{
  border-collapse:collapse !important;
}
.ni-home-carousel-modern .block.header_bg table tr:first-child td{
  border-bottom:1px solid #eeeeee !important;
}
.ni-home-carousel-modern .block.header_bg table tr:first-child td,
.ni-home-carousel-modern .block.header_bg table tr:first-child td *{
  line-height:26px !important;
}

/* 推薦小物：保留 jQuery 原本 show/hide，不再用 display:flex!important 破壞輪播狀態 */
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div{
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  text-align:center !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop > div[style*="none"],
.ni-home-carousel-modern .f_ad_img > div[style*="none"]{
  display:none !important;
}
.ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
.ni-home-carousel-modern .f_ad_img > div:not([style*="none"]){
  display:flex !important;
}
.ni-home-carousel-modern #s1_pop .ni-fading-out{
  opacity:0;
}
.ni-home-carousel-modern #s1_pop .ni-fading-in{
  opacity:1;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_qsh_img > div{
  transition:opacity .36s ease, filter .36s ease !important;
}

/* 圖片完整顯示：提高內容區高度並使用 contain，不裁重點圖面 */
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  height:338px !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop,
.ni-home-carousel-modern .f_qsh_img{
  height:290px !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div,
.ni-home-carousel-modern .f_qsh_img > div{
  height:290px !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fffaf6 !important;
}

/* 品牌列：隱藏下滑桿，不攔截頁面上下滾動，拖曳更順 */
.ni-home-carousel-modern .ni-brand-scroll{
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  scroll-behavior:auto !important;
  cursor:grab !important;
  touch-action:pan-y !important;
}
.ni-home-carousel-modern .ni-brand-scroll::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
.ni-home-carousel-modern .ni-brand-scroll.is-dragging{
  cursor:grabbing !important;
}
.ni-home-carousel-modern .ni-brand-scroll.is-dragging a{
  pointer-events:none !important;
}
.ni-home-carousel-modern .ni-brand-card,
.ni-home-carousel-modern .ni-brand-card img{
  -webkit-user-drag:none !important;
  user-drag:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  -webkit-touch-callout:none !important;
}
.ni-home-carousel-modern .ni-brand-card img{
  pointer-events:none !important;
}
@media screen and (max-width:760px){
  .ni-home-carousel-modern .f_ad,
  .ni-home-carousel-modern .f_ad2{
    height:auto !important;
  }
  .ni-home-carousel-modern .f_ad_img,
  .ni-home-carousel-modern #s1_pop,
  .ni-home-carousel-modern .f_qsh_img,
  .ni-home-carousel-modern #s1_pop > div,
  .ni-home-carousel-modern .f_ad_img > div,
  .ni-home-carousel-modern .f_qsh_img > div{
    height:260px !important;
  }
}

/* --------------------------------------------------------------------------
 * V8 exact header/output and image-fit fixes
 * - 首頁 header 不再被首頁輪播 CSS 改壞，輸出與其他頁一致
 * - 推薦小物 / 焦點精選取消固定裁圖高度，完整顯示圖片
 * - 品牌精選隱藏 scrollbar，保留箭頭與滑鼠拖曳
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .block.header_bg{
  width:960px !important;
  height:93px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:#fffaf7 !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:999999999 !important;
}
.ni-home-carousel-modern .block.header_bg table{
  width:960px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.ni-home-carousel-modern .block.header_bg table tr:first-child td{
  border-bottom:0 !important;
}
.ni-home-carousel-modern .block.header_bg table tr:first-child td,
.ni-home-carousel-modern .block.header_bg table tr:first-child td *{
  line-height:normal !important;
}
.ni-home-carousel-modern .block.header_bg:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:49px;
  height:1px;
  background:#eeeeee;
  pointer-events:none;
  z-index:0;
}
.ni-home-carousel-modern .block.header_bg .top_link{
  position:absolute !important;
  right:0 !important;
  top:50px !important;
}

/* 推薦小物 / 焦點精選：不再用固定高度裁切圖片 */
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop,
.ni-home-carousel-modern .f_qsh_img{
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div,
.ni-home-carousel-modern .f_qsh_img > div{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  background:#fffaf6 !important;
  text-align:center !important;
}
.ni-home-carousel-modern #s1_pop > div[style*="none"],
.ni-home-carousel-modern .f_ad_img > div[style*="none"]{
  display:none !important;
  opacity:0;
  visibility:hidden !important;
}
.ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
.ni-home-carousel-modern .f_ad_img > div:not([style*="none"]){
  display:block !important;
  opacity:1;
  visibility:visible !important;
  animation:niSoftSlideFadeV8 .46s cubic-bezier(.22,.61,.36,1) both;
}
.ni-home-carousel-modern .f_qsh_img > div{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_ad_img IMG,
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  background:#fffaf6 !important;
}
@keyframes niSoftSlideFadeV8{
  from{opacity:.18; filter:blur(2px); transform:translateY(3px) scale(.998);}
  to{opacity:1; filter:blur(0); transform:translateY(0) scale(1);}
}

/* 品牌列：完全隱藏下滑桿但保留程式 scrollLeft，拖曳不選字不拉圖 */
.ni-home-carousel-modern .ni-brand-scroll{
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  cursor:grab !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  overscroll-behavior:contain !important;
}
.ni-home-carousel-modern .ni-brand-scroll::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
.ni-home-carousel-modern .ni-brand-scroll.is-dragging{
  cursor:grabbing !important;
  scroll-behavior:auto !important;
}
.ni-home-carousel-modern .ni-brand-scroll.is-dragging,
.ni-home-carousel-modern .ni-brand-scroll.is-dragging *{
  user-select:none !important;
  -webkit-user-select:none !important;
}
.ni-home-carousel-modern .ni-brand-card,
.ni-home-carousel-modern .ni-brand-card img{
  -webkit-user-drag:none !important;
  user-drag:none !important;
  -webkit-touch-callout:none !important;
}
.ni-home-carousel-modern .ni-brand-card img{
  pointer-events:none !important;
}
@media screen and (max-width:760px){
  .ni-home-carousel-modern .f_ad_img,
  .ni-home-carousel-modern #s1_pop,
  .ni-home-carousel-modern .f_qsh_img,
  .ni-home-carousel-modern #s1_pop > div,
  .ni-home-carousel-modern .f_ad_img > div,
  .ni-home-carousel-modern .f_qsh_img > div{
    height:auto !important;
    min-height:0 !important;
  }
}

/* --------------------------------------------------------------------------
 * V9 exact header isolation
 * 問題原因：V8 以前用 body.ni-home-carousel-modern 當作用域，首頁 CSS 會套到 page_header.lbi，
 * 導致首頁頂部輸出和其他頁不一致。V9 改成只包住首頁內容區，header 完全不進入作用域。
 * -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
 * V10 stable recommendation carousel frame
 * 修正：推薦小物切換不同長寬比圖片時，卡片高度跟著圖片自然高寬比改變，造成首頁版面縮放 / 跳動。
 * 做法：輪播視窗固定高度，圖片在固定視窗內完整 contain 顯示，切換只改透明度，不再參與排版高度計算。
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern #flashleft.ni-home-feature-grid{
  align-items:flex-start !important;
}
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  height:328px !important;
  min-height:328px !important;
  max-height:328px !important;
  overflow:hidden !important;
  contain:layout paint !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop,
.ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:282px !important;
  min-height:282px !important;
  max-height:282px !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
  box-sizing:border-box !important;
}
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fffaf6 !important;
  opacity:0;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1), filter .42s cubic-bezier(.22,.61,.36,1), transform .42s cubic-bezier(.22,.61,.36,1) !important;
  filter:blur(1.5px);
  transform:translateY(2px) scale(.998);
}
.ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
.ni-home-carousel-modern .f_ad_img > div:not([style*="none"]){
  z-index:2 !important;
  display:flex !important;
  opacity:1;
  visibility:visible !important;
  pointer-events:auto !important;
  filter:blur(0);
  transform:translateY(0) scale(1);
  animation:none !important;
}
.ni-home-carousel-modern #s1_pop > div[style*="none"],
.ni-home-carousel-modern .f_ad_img > div[style*="none"]{
  z-index:1 !important;
  display:flex !important;
  opacity:0;
  visibility:hidden !important;
  pointer-events:none !important;
}
.ni-home-carousel-modern #s1_pop > div > a,
.ni-home-carousel-modern .f_ad_img > div > a,
.ni-home-carousel-modern .f_qsh_img > a,
.ni-home-carousel-modern .f_qsh_img > div > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern #s1_pop IMG,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_ad_img IMG,
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern .f_qsh_img > div{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fffaf6 !important;
}
@media screen and (max-width:760px){
  .ni-home-carousel-modern .f_ad,
  .ni-home-carousel-modern .f_ad2{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }
  .ni-home-carousel-modern .f_ad_img,
  .ni-home-carousel-modern #s1_pop,
  .ni-home-carousel-modern .f_qsh_img{
    height:254px !important;
    min-height:254px !important;
    max-height:254px !important;
  }
}

/* --------------------------------------------------------------------------
 * V11 recommendation / focus image visibility fix
 * 修正：
 * 1) V10 將推薦小物 slide 改成 absolute + visibility 判斷後，部分廣告輸出會全部被判成 hidden，造成圖片消失。
 * 2) 焦點精選仍被舊固定容器裁切太多。
 * 做法：保留固定視窗高度避免首頁跳動，但恢復正常單張輪播流程；visible slide 以 display:flex 呈現，hidden slide 才 display:none。
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern #flashleft.ni-home-feature-grid{
  align-items:flex-start !important;
}
.ni-home-carousel-modern .f_ad,
.ni-home-carousel-modern .f_ad2{
  height:368px !important;
  min-height:368px !important;
  max-height:368px !important;
  overflow:hidden !important;
  contain:none !important;
}
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop,
.ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
  box-sizing:border-box !important;
}
/* 推薦小物：不要用 absolute 疊圖，避免不同 ad_position 輸出格式被全部 hidden */
.ni-home-carousel-modern #s1_pop > div,
.ni-home-carousel-modern .f_ad_img > div{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fffaf6 !important;
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1;
  visibility:visible !important;
  pointer-events:auto !important;
  filter:none;
  transform:none;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1), filter .42s cubic-bezier(.22,.61,.36,1) !important;
}
.ni-home-carousel-modern #s1_pop > div[style*="none"],
.ni-home-carousel-modern .f_ad_img > div[style*="none"]{
  display:none !important;
  opacity:0;
  visibility:hidden !important;
  pointer-events:none !important;
}
.ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
.ni-home-carousel-modern .f_ad_img > div:not([style*="none"]){
  display:flex !important;
  animation:niSoftSlideFadeV11 .42s cubic-bezier(.22,.61,.36,1) both;
}
/* 如果 ad_position 直接輸出 a/img，仍要完整顯示 */
.ni-home-carousel-modern #s1_pop > a,
.ni-home-carousel-modern .f_ad_img > a,
.ni-home-carousel-modern .f_qsh_img > a,
.ni-home-carousel-modern #s1_pop > div > a,
.ni-home-carousel-modern .f_ad_img > div > a,
.ni-home-carousel-modern .f_qsh_img > div > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
}
/* 焦點精選：維持固定視窗，但圖片以 contain 完整縮入，不裁切 */
.ni-home-carousel-modern .f_qsh_img > div{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf6 !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern #s1_pop IMG,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_ad_img IMG,
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  background:#fffaf6 !important;
}
@keyframes niSoftSlideFadeV11{
  from{opacity:.22; filter:blur(1.4px);}
  to{opacity:1; filter:blur(0);}
}
@media screen and (max-width:760px){
  .ni-home-carousel-modern .f_ad,
  .ni-home-carousel-modern .f_ad2{
    height:324px !important;
    min-height:324px !important;
    max-height:324px !important;
  }
  .ni-home-carousel-modern .f_ad_img,
  .ni-home-carousel-modern #s1_pop,
  .ni-home-carousel-modern .f_qsh_img{
    height:276px !important;
    min-height:276px !important;
    max-height:276px !important;
  }
}

/* --------------------------------------------------------------------------
 * V12 recommendation image scale refinement
 * 修正：推薦小物在固定輪播視窗中顯示過小；只放大推薦小物，不影響焦點精選。
 * 做法：維持固定容器避免首頁跳動，圖片使用 contain 完整縮入後做低幅度視覺放大。
 * -------------------------------------------------------------------------- */
.ni-home-carousel-modern .f_ad_img,
.ni-home-carousel-modern #s1_pop{
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
}
.ni-home-carousel-modern #s1_pop > a,
.ni-home-carousel-modern .f_ad_img > a,
.ni-home-carousel-modern #s1_pop > div > a,
.ni-home-carousel-modern .f_ad_img > div > a{
  overflow:hidden !important;
}
.ni-home-carousel-modern #s1_pop img,
.ni-home-carousel-modern #s1_pop IMG,
.ni-home-carousel-modern .f_ad_img img,
.ni-home-carousel-modern .f_ad_img IMG{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.12);
  transform-origin:center center !important;
  transition:transform .36s ease, opacity .42s cubic-bezier(.22,.61,.36,1), filter .42s cubic-bezier(.22,.61,.36,1) !important;
}
.ni-home-carousel-modern #s1_pop a:hover img,
.ni-home-carousel-modern .f_ad_img a:hover img{
  transform:scale(1.15);
}
/* 焦點精選沿用 V11 完整顯示，不套用上方放大設定 */
.ni-home-carousel-modern .f_qsh_img img,
.ni-home-carousel-modern .f_qsh_img IMG{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  transform:none !important;
}
@media screen and (max-width:760px){
  .ni-home-carousel-modern .f_ad_img,
  .ni-home-carousel-modern #s1_pop{
    height:276px !important;
    min-height:276px !important;
    max-height:276px !important;
  }
}

/* --------------------------------------------------------------------------
 * V17 search consistency fix
 * 首頁搜尋框不再由首頁輪播 CSS 覆寫，完全沿用 page_header.lbi 全站共用搜尋樣式。
 * -------------------------------------------------------------------------- */

/* * homepage deep cleanup layer * 目的：清除首頁模組歷史疊框 / 內框 / 偽元素柔光造成的雙框與角落色差。 * 原則：首頁卡片只保留一層外框，內層媒體容器不再自帶框線與陰影。 * */
:root{
  --ni-home-milktea-bg:#fdfbf8;
  --ni-home-milktea-surface:#fcfaf7;
  --ni-home-milktea-card:#fffdfa;
  --ni-home-milktea-soft:#f7f1eb;
  --ni-home-milktea-active:#e9ddd4;
  --ni-home-milktea-line:#d9cdc3;
  --ni-home-milktea-line-soft:#ebe3db;
  --ni-home-milktea-text:#5f5955;
  --ni-home-milktea-shadow:rgba(118,88,72,.085);
}

body.ni-home-index,
body.ni-home-index .ni-home-carousel-modern,
body.ni-home-index .ni-home-carousel-modern .block,
body.ni-home-index .ni-home-carousel-modern .ni-home-stage,
body.ni-home-index .ni-home-carousel-modern .ni-home-stage-main,
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-row,
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-main,
body.ni-home-index .ni-home-carousel-modern #main,
body.ni-home-index .ni-home-carousel-modern .ni-home-main-grid,
body.ni-home-index .ni-home-carousel-modern #flashleft,
body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid,
body.ni-home-index .ni-home-carousel-modern .blank,
body.ni-home-index .ni-home-carousel-modern .blank5,
body.ni-home-index .ni-home-carousel-modern .clear,
body.ni-home-index .ni-home-carousel-modern #clear{
  background:var(--ni-home-milktea-bg) !important;
  background-color:var(--ni-home-milktea-bg) !important;
}

/* 卡片外層只保留一層框線與一層陰影。 */
body.ni-home-index .ni-home-carousel-modern #homepage .slides,
body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  position:relative !important;
  overflow:hidden !important;
  background:var(--ni-home-milktea-card) !important;
  background-color:var(--ni-home-milktea-card) !important;
  background-image:none !important;
  border:1px solid var(--ni-home-milktea-line) !important;
  border-radius:22px !important;
  box-shadow:0 10px 24px var(--ni-home-milktea-shadow) !important;
}

/* 移除歷史柔光 / 內框偽元素，避免看起來像第二層框。 */
body.ni-home-index .ni-home-carousel-modern #homepage .slides:before,
body.ni-home-index .ni-home-carousel-modern #homepage .slides:after,
body.ni-home-index .ni-home-carousel-modern .f_ad:before,
body.ni-home-index .ni-home-carousel-modern .f_ad:after,
body.ni-home-index .ni-home-carousel-modern .f_ad2:before,
body.ni-home-index .ni-home-carousel-modern .f_ad2:after{
  content:none !important;
  display:none !important;
}

/* 標題列統一：不再額外做圓角，交由外層卡片裁切。 */
body.ni-home-index .ni-home-carousel-modern .ni-section-head,
body.ni-home-index .ni-home-carousel-modern .f_ad .title,
body.ni-home-index .ni-home-carousel-modern .f_qsh,
body.ni-home-index .ni-home-carousel-modern .new .title{
  position:relative !important;
  z-index:2 !important;
  background:linear-gradient(180deg,#fffdfa 0%,#f8f3ee 100%) !important;
  background-color:var(--ni-home-milktea-card) !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid var(--ni-home-milktea-line-soft) !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern .ni-section-title,
body.ni-home-index .ni-home-carousel-modern .f_ad .title span,
body.ni-home-index .ni-home-carousel-modern .f_qsh p,
body.ni-home-index .ni-home-carousel-modern .new .title span{
  color:#7a675e !important;
}

/* 內層圖片區完全去框、去內陰影、去圓角，由外層卡片統一裁切。 */
body.ni-home-index .ni-home-carousel-modern .slide-pic,
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div{
  background:var(--ni-home-milktea-bg) !important;
  background-color:var(--ni-home-milktea-bg) !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* 推薦小物 / 焦點精選容器改為填滿式媒體框，避免上圖下方留一大塊空白。 */
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div,
body.ni-home-index .ni-home-carousel-modern .f_ad_img a,
body.ni-home-index .ni-home-carousel-modern #s1_pop a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img IMG,
body.ni-home-index .ni-home-carousel-modern #s1_pop img,
body.ni-home-index .ni-home-carousel-modern #s1_pop IMG,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--ni-home-milktea-bg) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* 主輪播圖片不裁切：保留 位置與尺寸，但圖片改為完整顯示。 */
body.ni-home-index .ni-home-carousel-modern .slide-pic img,
body.ni-home-index .ni-home-carousel-modern .slide-pic IMG{
  display:block !important;
  width:100% !important;
  height:324px !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--ni-home-milktea-bg) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* 主輪播底部導航膠囊列只保留單一分隔線。 */
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt{
  background:rgba(253,251,248,.98) !important;
  background-color:rgba(253,251,248,.98) !important;
  background-image:none !important;
  border:0 !important;
  border-top:1px solid var(--ni-home-milktea-line-soft) !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt li,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt LI{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt li a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt LI a{
  background:#f7f1eb !important;
  background-color:#f7f1eb !important;
  border:1px solid transparent !important;
  color:#8d827a !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt li.cur a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt LI.cur a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt li.current a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt LI.current a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt li.on a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt LI.on a,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt a.cur,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt a.current,
body.ni-home-index .ni-home-carousel-modern .slide-li.slide-txt a[aria-current="true"]{
  background:var(--ni-home-milktea-active) !important;
  background-color:var(--ni-home-milktea-active) !important;
  border-color:#cdb8aa !important;
  color:#574c46 !important;
  box-shadow:none !important;
}

/* 推薦小物淡入保留，但不再用模糊與縮放堆疊。 */
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div{
  transition:opacity .42s ease !important;
  will-change:opacity !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div:not([style*="none"]){
  animation:niHomeRecSoftFadeSimple .42s ease both !important;
}
@keyframes niHomeRecSoftFadeSimple{
  from{opacity:.2;}
  to{opacity:1;}
}

/* 首頁 header 購物車保護。 */
body.ni-home-index #mainNav .cart_header_summary,
body.ni-home-index #mainNav .cart_header_summary:hover,
body.ni-home-index #mainNav .cart_header_panel:hover .cart_header_summary,
body.ni-home-index #mainNav .cart_header_text,
body.ni-home-index #mainNav .cart_header_text:hover,
body.ni-home-index #mainNav .cart_header_icon,
body.ni-home-index #mainNav .cart_header_icon:hover,
body.ni-home-index #mainNav .cart_header_total_num,
body.ni-home-index #mainNav .cart_header_total_num:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#fff7f2 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transform:none !important;
  filter:none !important;
}
body.ni-home-index #mainNav .meun_float.cart-open .cartlist,
body.ni-home-index #mainNav .meun_float.ni-cart-open .cartlist,
body.ni-home-index #mainNav .cartlist.ni-cart-open{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
  z-index:100000 !important;
}

@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern,
  body.ni-home-index .ni-home-carousel-modern .block,
  body.ni-home-index .ni-home-carousel-modern .ni-home-stage,
  body.ni-home-index .ni-home-carousel-modern .ni-home-main-grid,
  body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid,
  body.ni-home-index .ni-home-carousel-modern #homepage,
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    background:var(--ni-home-milktea-bg) !important;
    background-color:var(--ni-home-milktea-bg) !important;
  }
}

body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic IMG,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a IMG{
  width:100% !important;
  height:324px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:var(--ni-home-milktea-bg) !important;
}

/* main carousel image restore: follow ratio/contain behavior. * 重點：主輪播圖片不再使用固定 324px 裁切框，改回 的比例式圖片區。 */
body.ni-home-index .ni-home-carousel-modern #homepage{
  float:none !important;
  width:100% !important;
  max-width:686px !important;
  height:auto !important;
  min-height:0 !important;
  position:relative !important;
  box-sizing:border-box !important;
  background:transparent !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slides,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slides{
  float:none !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  isolation:isolate !important;
  clip-path:inset(0 round 24px) !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:685 / 336 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  background-color:#fff8f3 !important;
  list-style:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic li,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic LI,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic li,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic LI{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  background-color:#fff8f3 !important;
  list-style:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  z-index:1 !important;
  pointer-events:none !important;
  transform:scale(1.012) !important;
  transition:opacity .62s cubic-bezier(.22,.61,.36,1), transform 1.15s cubic-bezier(.22,.61,.36,1), visibility 0s linear .62s !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic li.cur,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic LI.cur,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic li.is-current,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic LI.is-current,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic li.cur,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic LI.cur,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic li.is-current,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic LI.is-current{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  pointer-events:auto !important;
  transform:scale(1) !important;
  transition-delay:0s !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic IMG,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a IMG,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic img,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff8f3 !important;
  background-color:#fff8f3 !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:5px 7px !important;
  border:0 !important;
  border-top:1px solid rgba(226,198,184,.68) !important;
  background:rgba(255,250,247,.96) !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt li,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt LI,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt li,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt LI{
  height:34px !important;
  line-height:34px !important;
  margin:0 3px !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt a{
  height:34px !important;
  line-height:34px !important;
}

/* 主輪播器含圖片比例與頁面同寬 * 只覆蓋主輪播，不動推薦小物 / 焦點精選。 * 目的：輪播器外框、圖片比例容器、圖片本身一起吃滿首頁內容寬度。 */
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-main{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  display:block !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-row{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  clear:both !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage{
  float:none !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:transparent !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slides,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slides{
  float:none !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:685 / 336 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic a{
  width:100% !important;
  height:100% !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic IMG,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a IMG,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic img,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic IMG{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 主輪播器膠囊歷史樣式清理 + 五顆固定等寬定稿 * 清理範圍：移除 ～ 連續追加的 flex/grid 混用規則。 * 定稿原則：只用一套 grid 規則控制主輪播底部五顆膠囊，外層格線等寬、內層膠囊等寬，active/hover 不改尺寸。 */
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt,
body.ni-home-index #homepage .slide-li.slide-txt,
body.ni-home-index #homepage .slide-txt{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-rows:34px !important;
  column-gap:10px !important;
  row-gap:0 !important;
  align-items:center !important;
  justify-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:6px 10px !important;
  overflow:hidden !important;
  list-style:none !important;
  box-sizing:border-box !important;
  background:rgba(255,252,248,.96) !important;
  border:0 !important;
  border-top:1px solid var(--ni-home-milktea-line-soft,#ebe3db) !important;
  box-shadow:none !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > li,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > LI,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > li,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > LI,
body.ni-home-index #homepage .slide-li.slide-txt > li,
body.ni-home-index #homepage .slide-li.slide-txt > LI,
body.ni-home-index #homepage .slide-txt > li,
body.ni-home-index #homepage .slide-txt > LI{
  display:block !important;
  float:none !important;
  position:relative !important;
  grid-column:auto !important;
  justify-self:stretch !important;
  align-self:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:34px !important;
  line-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  list-style:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI > a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > li > a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > LI > a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > li > a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > LI > a,
body.ni-home-index #homepage .slide-li.slide-txt > li > a,
body.ni-home-index #homepage .slide-li.slide-txt > LI > a,
body.ni-home-index #homepage .slide-txt > li > a,
body.ni-home-index #homepage .slide-txt > LI > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:34px !important;
  line-height:34px !important;
  margin:0 !important;
  padding:0 8px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border:1px solid #e2d6cc !important;
  border-radius:999px !important;
  background:#fffefa !important;
  background-color:#fffefa !important;
  color:#8d827a !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transform:none !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li.cur > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI.cur > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li.current > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI.current > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li.on > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI.on > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li.is-current > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI.is-current > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > a.cur,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > a.current,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > a.is-current,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > a[aria-current="true"],
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li.cur > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li.current > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li.on > a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li.is-current > a,
body.ni-home-index #homepage .slide-txt > li.cur > a,
body.ni-home-index #homepage .slide-txt > li.current > a,
body.ni-home-index #homepage .slide-txt > li.on > a,
body.ni-home-index #homepage .slide-txt > li.is-current > a{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  background:linear-gradient(180deg,#f1e4d9 0%,#e5d2c6 100%) !important;
  background-color:#ead9ce !important;
  border-color:#bfa595 !important;
  color:#51463f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 4px 10px rgba(112,82,68,.11) !important;
  transform:none !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li > a:hover,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li > a:hover,
body.ni-home-index #homepage .slide-txt > li > a:hover{
  background:#f7f1eb !important;
  background-color:#f7f1eb !important;
  border-color:#d4c3b8 !important;
  color:#6d5f57 !important;
  text-decoration:none !important;
  transform:none !important;
}
/* 窄版兩行膠囊改為滿版 3 + 2 * 第一行 3 顆各佔 1/3，第二行 2 顆各佔 1/2，不再留下空欄。 */
@media screen and (max-width:620px){
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt,
  body.ni-home-index #homepage .slide-li.slide-txt,
  body.ni-home-index #homepage .slide-txt{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-auto-rows:30px !important;
    column-gap:8px !important;
    row-gap:7px !important;
    height:auto !important;
    min-height:44px !important;
    padding:6px 8px !important;
    overflow:visible !important;
  }
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > li,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > LI,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > li,
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > LI,
  body.ni-home-index #homepage .slide-li.slide-txt > li,
  body.ni-home-index #homepage .slide-li.slide-txt > LI,
  body.ni-home-index #homepage .slide-txt > li,
  body.ni-home-index #homepage .slide-txt > LI{
    height:30px !important;
    line-height:30px !important;
  }
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > li:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > LI:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > li:nth-child(-n+3),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > LI:nth-child(-n+3),
  body.ni-home-index #homepage .slide-li.slide-txt > li:nth-child(-n+3),
  body.ni-home-index #homepage .slide-li.slide-txt > LI:nth-child(-n+3),
  body.ni-home-index #homepage .slide-txt > li:nth-child(-n+3),
  body.ni-home-index #homepage .slide-txt > LI:nth-child(-n+3){
    grid-column:span 2 !important;
  }
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-li.slide-txt > LI:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-txt > LI:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index #homepage .slide-li.slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index #homepage .slide-li.slide-txt > LI:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index #homepage .slide-txt > li:nth-child(n+4):nth-child(-n+5),
  body.ni-home-index #homepage .slide-txt > LI:nth-child(n+4):nth-child(-n+5){
    grid-column:span 3 !important;
  }
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > li > a,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-li.slide-txt > LI > a,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > li > a,
  body.ni-home-index .ni-home-carousel-modern #homepage .slide-txt > LI > a,
  body.ni-home-index #homepage .slide-txt > li > a,
  body.ni-home-index #homepage .slide-txt > LI > a{
    height:30px !important;
    line-height:30px !important;
    padding:0 6px !important;
  }
}

/* 主輪播器 / 推薦小物 / 焦點精選 三區塊比例縮放定稿 * 目的：外框、圖片區、圖片本身同步依容器寬度縮放；不再用固定像素高度卡住圖片。 * 範圍：只限首頁三個視覺區塊，不修改搜尋欄、不修改新品與品牌區。 */
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-row,
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-main,
body.ni-home-index .ni-home-carousel-modern #homepage,
body.ni-home-index .ni-home-carousel-modern #homepage .slides,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slides{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slides,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slides{
  display:block !important;
  overflow:hidden !important;
  border-radius:24px !important;
  clip-path:none !important;
  background:#fff8f3 !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:685 / 336 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  border:0 !important;
  border-radius:24px 24px 0 0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic li,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic LI,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic li,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic LI{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic a,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic IMG,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a IMG,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic img,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic IMG,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a img,
body.ni-home-index .ni-home-carousel-modern #homepage .slide-pic a IMG,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic img,
body.ni-home-index .ni-home-carousel-modern .ni-hero-carousel .slide-pic IMG{
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff8f3 !important;
}

/* 推薦小物 / 焦點精選：雙欄依原始 418:258 比例同步縮放。 */
body.ni-home-index .ni-home-carousel-modern #main,
body.ni-home-index .ni-home-carousel-modern .ni-home-main-grid,
body.ni-home-index .ni-home-carousel-modern #flashleft,
body.ni-home-index .ni-home-carousel-modern #flashleft.ni-home-feature-grid,
body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #flashleft.ni-home-feature-grid,
body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid{
  display:grid !important;
  grid-template-columns:minmax(0,418fr) minmax(0,258fr) !important;
  column-gap:10px !important;
  row-gap:12px !important;
  align-items:start !important;
  overflow:visible !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  display:grid !important;
  grid-template-rows:46px minmax(0,1fr) !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  float:none !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad{
  aspect-ratio:418 / 292 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  aspect-ratio:258 / 292 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad .title,
body.ni-home-index .ni-home-carousel-modern .f_qsh{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div,
body.ni-home-index .ni-home-carousel-modern .f_ad_img a,
body.ni-home-index .ni-home-carousel-modern #s1_pop a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img IMG,
body.ni-home-index .ni-home-carousel-modern #s1_pop img,
body.ni-home-index .ni-home-carousel-modern #s1_pop IMG,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff8f3 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern #flashleft.ni-home-feature-grid,
  body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    column-gap:0 !important;
    row-gap:12px !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    width:100% !important;
    margin:0 !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad{
    aspect-ratio:418 / 292 !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    aspect-ratio:258 / 292 !important;
  }
}

/* * footer compact spacing * 壓縮首頁底部品牌精選與頁尾導覽/版權之間的垂直留白。 * */
body.ni-home-index .ni-home-carousel-modern .brands_gd{
  margin-bottom:0 !important;
}
body.ni-home-index .ni-home-carousel-modern .brands_gd + .blank,
body.ni-home-index .ni-home-carousel-modern .ni-brand-grid-wrap + .blank{
  height:0 !important;
  min-height:0 !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.ni-home-index .ni-home-carousel-modern .ni-brand-control-row{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
body.ni-home-index .ni-home-carousel-modern .ni-brand-scroll{
  padding-top:2px !important;
  padding-bottom:4px !important;
}

/* * clean homepage frame and recommendation/focus image scaling * - 960px remains the maximum homepage frame. * - Recommendation/focus images scale with their carousel/card container. * */
:root{--ni-frame:960px;}
body.ni-home-index{min-width:0 !important;overflow-x:hidden !important;}
body.ni-home-index .ni-home-carousel-modern > .block,
body.ni-home-index .ni-home-carousel-modern .block.clearfix,
body.ni-home-index .ni-home-carousel-modern .ni-home-stage,
body.ni-home-index .ni-home-carousel-modern .ni-home-stage-main,
body.ni-home-index .ni-home-carousel-modern .ni-home-hero-row,
body.ni-home-index .ni-home-carousel-modern .ni-home-main-grid{
  width:100% !important;
  max-width:var(--ni-frame) !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
@media screen and (min-width:961px){
  body.ni-home-index .ni-home-carousel-modern > .block{width:var(--ni-frame) !important;}
}
@media screen and (max-width:960px){
  body.ni-home-index .ni-home-carousel-modern > .block,
  body.ni-home-index .ni-home-carousel-modern .block.clearfix,
  body.ni-home-index .ni-home-carousel-modern .ni-home-stage{width:100% !important;max-width:100% !important;min-width:0 !important;}
}
body.ni-home-index .ni-home-carousel-modern #flashleft.ni-home-feature-grid,
body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid{
  display:grid !important;
  grid-template-columns:minmax(0,418fr) minmax(0,258fr) !important;
  column-gap:10px !important;
  row-gap:12px !important;
  align-items:start !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  display:grid !important;
  grid-template-rows:46px minmax(0,1fr) !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad{aspect-ratio:418 / 292 !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad2{aspect-ratio:258 / 292 !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  background:#fff8f3 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div,
body.ni-home-index .ni-home-carousel-modern .f_ad_img a,
body.ni-home-index .ni-home-carousel-modern #s1_pop a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div[style*="none"],
body.ni-home-index .ni-home-carousel-modern #s1_pop > div[style*="none"]{display:none !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad_img img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img IMG,
body.ni-home-index .ni-home-carousel-modern #s1_pop img,
body.ni-home-index .ni-home-carousel-modern #s1_pop IMG,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff8f3 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern #flashleft.ni-home-feature-grid,
  body.ni-home-index .ni-home-carousel-modern .ni-home-feature-grid{grid-template-columns:1fr !important;column-gap:0 !important;row-gap:12px !important;}
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{width:100% !important;margin:0 !important;}
  body.ni-home-index .ni-home-carousel-modern .f_ad{aspect-ratio:418 / 292 !important;}
  body.ni-home-index .ni-home-carousel-modern .f_ad2{aspect-ratio:258 / 292 !important;}
}

/* * recommendation / focus image visibility during viewport resize * Keeps images visible and scaled with each carousel/card container. * */
body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad{aspect-ratio:418 / 292 !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad2{aspect-ratio:258 / 292 !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:120px !important;
  max-height:none !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#fff8f3 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop{aspect-ratio:418 / 246 !important;}
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{aspect-ratio:258 / 246 !important;}
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div:not([style*="none"]),
body.ni-home-index .ni-home-carousel-modern #s1_pop > div:not([style*="none"]),
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div:not([style*="none"]),
body.ni-home-index .ni-home-carousel-modern .f_ad_img > a,
body.ni-home-index .ni-home-carousel-modern #s1_pop > a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > a,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div:not([style*="none"]) > a,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div:not([style*="none"]) > a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div:not([style*="none"]) > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div[style*="display: none"],
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div[style*="display:none"],
body.ni-home-index .ni-home-carousel-modern #s1_pop > div[style*="display: none"],
body.ni-home-index .ni-home-carousel-modern #s1_pop > div[style*="display:none"]{
  display:none !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img IMG,
body.ni-home-index .ni-home-carousel-modern #s1_pop img,
body.ni-home-index .ni-home-carousel-modern #s1_pop IMG,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box !important;
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop,
  body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
    min-height:clamp(156px,52vw,260px) !important;
  }
}

body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad{
  display:grid !important;
  grid-template-rows:46px minmax(140px,1fr) !important;
  aspect-ratio:418 / 292 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  display:grid !important;
  grid-template-rows:46px minmax(140px,1fr) !important;
  aspect-ratio:258 / 292 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:clamp(150px,25.625vw,246px) !important;
  aspect-ratio:418 / 246 !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#fff8f3 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:clamp(150px,25.625vw,246px) !important;
  aspect-ratio:258 / 246 !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#fff8f3 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-track{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item.is-active,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item.cur{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item a,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img{
  object-fit:contain !important;
  object-position:center center !important;
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    width:100% !important;
    margin:0 !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop,
  body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
    min-height:clamp(156px,52vw,260px) !important;
  }
}

/* * recommendation carousel image resize sync * - only controls recommendation (#s1_pop), focus selection remains unchanged * - image height follows container width by 418:246 ratio * - active slide never collapses to height 0 during viewport resize * */
body.ni-home-index .ni-home-carousel-modern .f_ad{
  display:grid !important;
  grid-template-rows:46px minmax(156px,auto) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:clamp(156px,58.85vw,246px) !important;
  aspect-ratio:418 / 246 !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#fff8f3 !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-track{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:inherit !important;
  overflow:hidden !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item.is-active,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item.cur{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item a,
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop.ni-rec-main-sync-v36d6 .ni-rec-v36d6-item img{
  object-fit:contain !important;
  object-position:center center !important;
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop{
    width:100% !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop{
    min-height:clamp(156px,58.85vw,260px) !important;
  }
}

/* * focus selection height sync + mobile cart title background cleanup * -------------------------------------------------------------------------- * 1) 焦點精選高度改成跟推薦小物一致，手機單欄時不再因 258:292 比例變高。 * 2) 手機購物車彈窗商品標題移除底色，避免標題出現灰米色底塊。 */
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  aspect-ratio:418 / 292 !important;
  grid-template-rows:46px minmax(156px,auto) !important;
  height:auto !important;
  min-height:0 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  aspect-ratio:418 / 246 !important;
  min-height:clamp(156px,58.85vw,246px) !important;
  height:auto !important;
  max-height:none !important;
}
@media screen and (min-width:761px){
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    height:auto !important;
  }
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern .f_ad2,
  body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
    width:100% !important;
    min-height:clamp(156px,58.85vw,260px) !important;
  }
}
body > #CARTINFO.cartlist.ni-cart-mobile-modal dl dd.title,
body > .cartlist.ni-cart-mobile-modal dl dd.title,
body > #CARTINFO.cartlist.ni-cart-mobile-modal dl dd.title a,
body > .cartlist.ni-cart-mobile-modal dl dd.title a{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* * focus height sync + mobile cart lower position * -------------------------------------------------------------------------- * 1) 焦點精選高度重新與推薦小物共用同一組外框高度與媒體高度。 * 2) 推薦小物、焦點精選內層圖片均隨各自輪播媒體框同步縮放，不用自然圖高撐版。 * 3) 手機購物車彈窗再下移，視覺位置低過導航列中的「結帳去」膠囊。 */
body.ni-home-index .ni-home-carousel-modern .f_ad,
body.ni-home-index .ni-home-carousel-modern .f_ad2{
  display:grid !important;
  grid-template-rows:46px minmax(0,1fr) !important;
  height:368px !important;
  min-height:368px !important;
  max-height:368px !important;
  align-self:stretch !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  aspect-ratio:auto !important;
}
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
  height:322px !important;
  min-height:322px !important;
  max-height:322px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div,
body.ni-home-index .ni-home-carousel-modern #s1_pop > a,
body.ni-home-index .ni-home-carousel-modern #s1_pop > div > a,
body.ni-home-index .ni-home-carousel-modern .f_ad_img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > a,
body.ni-home-index .ni-home-carousel-modern .f_ad_img > div > a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img > div > a{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  box-sizing:border-box !important;
}
body.ni-home-index .ni-home-carousel-modern #s1_pop img,
body.ni-home-index .ni-home-carousel-modern #s1_pop IMG,
body.ni-home-index .ni-home-carousel-modern .f_ad_img img,
body.ni-home-index .ni-home-carousel-modern .f_ad_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  border:0 !important;
  background:#fffaf6 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_qsh_img table,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img tbody,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img tr,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img td,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img table a,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img td a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
body.ni-home-index .ni-home-carousel-modern .f_qsh_img img,
body.ni-home-index .ni-home-carousel-modern .f_qsh_img IMG{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border:0 !important;
  background:#fffaf6 !important;
}
@media screen and (max-width:760px){
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    height:324px !important;
    min-height:324px !important;
    max-height:324px !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop,
  body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
    height:278px !important;
    min-height:278px !important;
    max-height:278px !important;
  }
}
@media screen and (max-width:420px){
  body.ni-home-index .ni-home-carousel-modern .f_ad,
  body.ni-home-index .ni-home-carousel-modern .f_ad2{
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
  }
  body.ni-home-index .ni-home-carousel-modern .f_ad_img,
  body.ni-home-index .ni-home-carousel-modern #s1_pop,
  body.ni-home-index .ni-home-carousel-modern .f_qsh_img{
    height:264px !important;
    min-height:264px !important;
    max-height:264px !important;
  }
}
body > #CARTINFO.cartlist.ni-cart-mobile-modal,
body > .cartlist.ni-cart-mobile-modal{
  top:64dvh !important;
  max-height:min(64dvh,620px) !important;
  transform:translate3d(-50%,-46%,0) scale(.985) !important;
}
body > #CARTINFO.cartlist.ni-cart-mobile-modal.ni-cart-open,
body > .cartlist.ni-cart-mobile-modal.ni-cart-open,
body > #CARTINFO.cartlist.ni-cart-mobile-modal.cart-open,
body > .cartlist.ni-cart-mobile-modal.cart-open{
  transform:translate3d(-50%,-46%,0) scale(1) !important;
}
@media screen and (max-width:420px){
  body > #CARTINFO.cartlist.ni-cart-mobile-modal,
  body > .cartlist.ni-cart-mobile-modal{
    top:66dvh !important;
    max-height:62dvh !important;
  }
}