/* 商品館底部分類列（2026-10-13）：沿用以利亞頁分類列的按鈕樣式（.elijah-category-bar a 在 buttons.css）。
   左邊天堂客廳各品項可左右滑動；右邊「前往 Elijah Arts →」固定不動。 */
.shop-category-bar{
  display:flex;align-items:center;gap:12px;
  width:min(880px,calc(100% - 48px));margin:10px auto 0;padding:6px 16px;box-sizing:border-box;
  border-top:1px solid rgba(196,154,82,.45);border-bottom:1px solid rgba(196,154,82,.45);
  background:linear-gradient(90deg,rgba(239,239,239,0) 0%,#EFEFEF 18%,#EFEFEF 82%,rgba(239,239,239,0) 100%);
  font-size:1rem;color:var(--ink-soft);
}
.shop-category-scroll{
  flex:1 1 0;min-width:0;display:flex;gap:12px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  padding:10px 4px;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 36px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 36px),transparent 100%);
}
.shop-category-scroll::-webkit-scrollbar{display:none;}
.shop-category-scroll.is-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%);}
.shop-category-scroll.is-end{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px);mask-image:linear-gradient(90deg,transparent 0,#000 14px);}
.shop-category-scroll.is-start.is-end{-webkit-mask-image:none;mask-image:none;}
.shop-category-bar a{
  flex:0 0 auto;padding:10px 16px;line-height:1.4;border-radius:12px;
  text-decoration:none;white-space:nowrap;
}
.shop-category-bar .shop-category-sep{flex:0 0 auto;color:var(--line-strong);}
.shop-category-bar .shop-category-elijah{font-weight:600;}
@media (max-width:760px){
  .shop-category-bar{width:calc(100% - 72px);gap:8px;padding:4px 0;margin-top:6px;font-size:1.25rem;}
  .shop-category-bar .shop-category-elijah{font-size:1rem;}
  .shop-category-scroll{gap:8px;padding:10px 2px;}
  .shop-category-bar a{padding:10px 12px;font-weight:600;}
  .shop-category-bar .shop-category-sep{display:none;}
}
/* 左右箭頭：小圓鈕，告訴客人可以左右滑（滑到盡頭自動隱藏） */
.shop-category-bar .shop-category-arrow{
  flex:0 0 auto;width:30px;height:30px;min-width:30px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.15rem;line-height:1;cursor:pointer;
}
.shop-category-bar .shop-category-arrow[hidden]{display:inline-flex;visibility:hidden;}
@media (max-width:760px){.shop-category-bar .shop-category-arrow{width:28px;height:28px;min-width:28px;}}
/* 目前所在品項：淺米底＋深金字（同層才蓋得過 buttons.css 的白底） */
@layer shared-buttons{
    .shop-category-bar .shop-category-scroll a:not([aria-current="page"]){background:#FFF8EC!important;}
  .shop-category-bar .shop-category-scroll a[aria-current="page"]{
    background:#f4e8cc!important;color:#7a5d22!important;border-color:#b79a58!important;font-weight:700!important;
  }
}
/* 手機：寬度不夠，品項列一整排可滑，「前往 Elijah Arts」放到下一行整排（一樣固定不滑） */
@media (max-width:760px){
  .shop-category-bar{flex-wrap:wrap;row-gap:6px;padding-bottom:10px;}
  .shop-category-bar .shop-category-elijah{flex:1 1 100%;text-align:center;}
}