/* MOAT 展示識別（黑白灰、克制） */
.moat-note{border-top:1px solid #e5e5e5;background:#fff;color:#555;font:12px/1.7 -apple-system,"PingFang TC","Noto Sans TC",sans-serif;padding:18px 20px calc(18px + env(safe-area-inset-bottom));text-align:center;letter-spacing:.02em}
.moat-note a{color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:1px}
.moat-note b{color:#111;font-weight:600}
.moat-top{background:#f4f4f2;color:#555;border-bottom:1px solid #e3e3e0;font:11.5px/1 -apple-system,"PingFang TC","Noto Sans TC",sans-serif;letter-spacing:.04em;display:flex;justify-content:center;align-items:center;gap:14px;padding:0 16px;height:30px;white-space:nowrap;overflow:hidden}
.moat-top b{color:#111;font-weight:600}.moat-top a{color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:1px}
.moat-top .sep{color:#bbb}
@media(max-width:600px){.moat-top .opt{display:none}}
@media(max-width:600px){.moat-note{padding:18px 92px calc(22px + env(safe-area-inset-bottom)) 20px}}

/* ===== 商品卡片：換色互動（hover／色點／觸控）===== */
.pc__img{transition:background-color .7s cubic-bezier(.22,.7,.2,1),transform .5s cubic-bezier(.22,.7,.2,1)}
.pc__img img{transition:transform .9s cubic-bezier(.22,.7,.2,1),opacity .7s cubic-bezier(.22,.7,.2,1),filter .7s}
.pc__img .alt{transform:translateY(14px) scale(.96)}
.pc.is-alt .pc__img .main{opacity:0;transform:translateY(-14px) scale(.96) rotate(0)}
.pc.is-alt .pc__img .alt{opacity:1;transform:none}
.pc:hover .pc__img .main{transform:none}
.pc:not(.is-alt):hover .pc__img .main{transform:scale(1.04)}
.pc .sw i{transition:transform .45s cubic-bezier(.22,.7,.2,1),box-shadow .35s;cursor:pointer}
.pc .sw i.on{transform:scale(1.28);box-shadow:0 0 0 3px #f4f2ee,0 0 0 4.5px #111}
.pc:hover .pc__img{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.pc__img,.pc__img img,.pc .sw i{transition:none}}

/* 首頁新品列只有 4 件：平板／小筆電寬度（901–1100px）維持 4 欄，避免 3＋1 的孤立一件 */
@media (min-width:901px) and (max-width:1100px){.grid:has(> .pc:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}