body.theme-page main{padding:0;}
.theme-gray-band{background:#efefef;}
.theme-page-wrap{position:relative;width:100%;max-width:620px;margin:0 auto;}
.theme-page-bg{display:block;width:100%;height:auto;}
.tf-grid{position:absolute;left:4%;right:4%;top:17%;margin-top:-25px;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:95px;}
.tf-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-decoration:none;border:1px dashed rgba(255,255,255,.35);box-sizing:border-box;overflow:visible;}
.tf-cell img{display:block;zoom:0.22;margin-bottom:-4px;position:relative;top:6px;}
.tf-name{display:block;color:#fff;font-size:28px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;transition:font-size .15s;}
.tf-cell:hover .tf-name,.tf-cell:active .tf-name{font-size:32px;}
@media(max-width:620px){
  .tf-grid{margin-top:calc(-25px * 0.63 + 5px);grid-auto-rows:calc(95px * 0.63);}
  .tf-cell img{zoom:calc(0.22 * 0.63);margin-bottom:calc(-4px * 0.63);top:0;transform:translateY(-10px);}
  .tf-name{position:relative;top:0px;font-size:18px;}
  .tf-cell:hover .tf-name,.tf-cell:active .tf-name{font-size:22px;}
}

/* 主題商品頁 */
.theme-products-wrap{position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:1932/3780;background:url(../assets/images/themes/theme-bg-top.jpg) top/100% auto no-repeat,url(../assets/images/themes/theme-bg-bottom.jpg) bottom/100% auto no-repeat,url(../assets/images/themes/theme-bg-mid.jpg) top/100% auto repeat-y #fab8b8;}


.tp-body{position:relative;padding:9% 4% 14%;}
body.theme-page .tp-title{margin:0 0 calc(14px + 11%);font-family:var(--font-display);color:#fff!important;font-size:3.4rem;line-height:1.3;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.3);}
.tp-grid.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;zoom:.85;width:85%;margin:0 auto;}
.tp-empty{color:#fff;text-align:center;font-size:1.1rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5);}
@media(min-width:621px){.tp-grid.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}