/* /wap/css/pages/mall-template3.css */
/* Independent copy of mall template 2 home styles. */
.mall-template3 section{
    box-sizing: border-box;
    
   
    
}.mall-template3 .notice-title{
    margin-top: 0.12rem;
    color: #262020;
    margin-bottom: 0.2rem;
}.mall-template3 .notice-title>img{
    width: .24rem;
    height: 0.26rem;
    margin-right: 0.12rem;
}.mall-template3 .banner-img{
    width: 100%;
    
}.mall-template3 .my-swipe .van-swipe-item{
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    overflow: hidden;
}.mall-template3 .module-title{
    font-size: .36rem;
    font-weight: bold;
    color: #222;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding: .22rem 0;
    position: relative;
    margin-top: .2rem;
    margin-bottom: .2rem;
}.mall-template3 .module-title::before{
    position: absolute;
    content: '';
    width: 1.2rem;
    height: .12rem;
    background: var(--main-title-before);
    bottom: .16rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
}.mall-template3 .module-title::after{
    position: absolute;
    content: '';
    width: 1.2rem;
    height: .12rem;
    background: var(--main-title-after);
    bottom: .16rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
    opacity: 0.2;
}.mall-template3 .list{
   width: calc(50% - 5px);
    flex-shrink: 0;
    margin-bottom: 0.2rem;
}.mall-template3 .list:not(:nth-of-type(2n)){
    margin-right: 10px;
}.mall-template3 .list .list-img{
    width: 100%;
    height: 3.33rem;
    flex-shrink: 0;
    object-fit: cover;
}.mall-template3 .list .list-price{
    color: var(--price-color);
    font-size: .32rem;
    font-weight: bold;
    margin-right: .12rem;
}.mall-template3 .list .list-sale-price{
    font-size: .24rem;
    color: #888;
    text-decoration: line-through;
}.mall-template3 .list-more-btn{
    width: 3.8rem;
    height: 0.78rem;
    background-color: var(--main-color);
    text-align: center;
}.mall-template3 .list-more-btn>img{
    width: 0.22rem;
    height: 0.22rem;
    margin-left: .12rem;
}.mall-template3 .list-title{
    height: .72rem;
    line-height: .37rem;
}.mall-template3 .banner-img{
    width: 100%;
    
    flex-shrink: 0;
}.mall-template3 .my-swipe .van-swipe-item{
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    overflow: hidden;
}.mall-template3 .safeguard-icon{
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.06rem;
    flex-shrink: 0;
}.mall-template3 .sort{
    margin-bottom: .3rem;
}.mall-template3 .sort>img{
    width: 0.96rem;
    height: 0.96rem;
    margin-bottom: 0.12rem;
    border-radius: 1rem;
    overflow: hidden;
    object-fit: cover;
}.mall-template3 .width5{
    width: calc(100%/5);
}.mall-template3 .width4{
    width: calc(100%/4);
}.mall-template3 .more-btn>img{
    width: 0.1rem;
    height: 0.2rem;
    margin-left: 0.1rem;
}.mall-template3 .goods-sort-title{
    box-sizing: border-box;
    padding: .22rem 0;
}.mall-template3 .goods-sort-img{
    width: 100%;
    height: 2.08rem;
    border-radius: .18rem;
    -webkit-border-radius: .18rem;
    -moz-border-radius: .18rem;
    -ms-border-radius: .18rem;
    -o-border-radius: .18rem;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 0.22rem;
}.mall-template3 .goods-sort-list{
    width: calc(100%/3 - 0.1rem);
    flex-shrink: 0;
    border-radius: .18rem;
    -webkit-border-radius: .18rem;
    -moz-border-radius: .18rem;
    -ms-border-radius: .18rem;
    -o-border-radius: .18rem;
    overflow: hidden;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, .04);
    margin-bottom: .14rem;
    height: 100%;
}.mall-template3 .goods-sort-list:not(:nth-of-type(3n)){
    margin-right: .12rem;
}.mall-template3 .goods-sort-list .goods-sort-list-img{
    width: 100%;
    object-fit: cover;
    height: 2.21rem;
    flex-shrink: 0;
}.mall-template3 .goods-sort-list .goods-sort-list-intro{
    font-size: .26rem;
    color: #161616;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: .72rem;
    line-height: .37rem;
}.mall-template3 .goods-sort-list .goods-sort-list-price{
    color: var(--price-color);
}.mall-template3 .notice-title{
    height: 0.68rem;
    line-height: .68rem;
    color: var(--main-color);
    text-align: center;
    font-weight: bold;
    font-size: .26rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    box-sizing: border-box;
    padding: 0 .3rem;
    position: relative;
}.mall-template3 .notice-title .notice-bg{
    
    height: 100%;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .1;
}.mall-template3 .add-cart-new{
    width: 0.83rem;
    height: 0.83rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
    position: fixed;
    top: 80%;
    right: 10px;
    flex-shrink: 0;
    background-color: var(--main-color);
}.mall-template3 .add-cart-new>img{
    width: 100%;
    height: 100%;
}@media screen and (min-width:768px){.mall-template3 .goods-sort-img{
        height: 156px;
    }}
/* /wap/css/pages/mall3-warm.css */
/* Only mall template 3 receives this palette and search layout. */
body:has(#app.mall-template3) { background: #fff6e5; }
#app.mall-template3 { background: #fff7e6; --main-color: #bc520e; --price-color: #b53b22; }
.mall-template3 .header { background: linear-gradient(110deg,#b84408,#db942e); }
.mall-template3 .main-head { background: transparent; }
.mall-template3 .main-head [class^="head-icon-line"] { background: #fff4d8; }
.mall-template3 .main-head .icon-yonghu { color: #fff4d8 !important; }
.mall-template3 .section_content { background: #fff7e6; }
.mall-template3 .m3-home-top { padding-top: .08rem; background: linear-gradient(#e79b3c 0%,#ffb267 50%,#ffe8ad 100%); border-radius: 0 0 48% 5% / 0 0 24px 8px; padding-bottom: .16rem; }
.mall-template3 .m3-guarantees { gap: .08rem; flex-wrap: wrap; padding: .22rem 0; }
.mall-template3 .m3-guarantees > .flex { background: #fff0c9; border: 1px solid #efce94; border-radius: 30px; padding: .07rem .09rem; box-sizing: border-box; gap: .02rem; }
.mall-template3 .m3-guarantees .fs24 { color: #57331b; font-weight: 600; font-size: clamp(9px,2.4vw,11px); white-space: nowrap; }
.mall-template3 .m3-guarantees .safeguard-icon,.mall-template3 .m3-guarantees .m3-dollar { width: 12px; height: 12px; font-size: 10px; }
.mall-template3 .m3-dollar { display: inline-flex; align-items: center; justify-content: center; width: .26rem; height: .26rem; flex-shrink: 0; border: 1px solid #8a551e; border-radius: 50%; color: #7f471b; font: bold .21rem/1 Arial,sans-serif; margin-right: .04rem; }
.mall-template3 .sort > div { color: #583015; font-weight: 700; }
.mall-template3 .goods-sort-title .bold { color: #6b3516; }
.mall-template3 .goods-sort-list { background: #fffdfa; box-shadow: 0 3px 8px #895c2321; border-radius: .24rem; overflow: hidden; }
.mall-template3 .main-footer1 { background: #f6e6c7; color: #69492e; }
.mall-template3 .m3-search { background: linear-gradient(110deg,#b84408,#db942e); padding: .16rem .22rem .22rem; }
.mall-template3 .m3-search-form { display: flex; align-items: center; gap: .12rem; background: #fffefa; border: 2px solid #f4d28b; border-radius: 50px; padding: .05rem .05rem .05rem .22rem; box-shadow: 0 2px 5px #74310935; }
.mall-template3 .m3-search-icon { width: .36rem; height: .36rem; flex-shrink: 0; fill: none; stroke: #99917f; stroke-width: 2; }
.mall-template3 .m3-search-form input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #56371e; font-size: max(16px,.32rem); height: .66rem; padding: 0; }
.mall-template3 .m3-search-form input::placeholder { color: #98917f; }
.mall-template3 .m3-search-form:focus-within { outline: 2px solid #fff1bd; outline-offset: 2px; }
.mall-template3 .m3-search button { cursor: pointer; font-family: inherit; }
.mall-template3 .m3-search-form button { border: 0; border-radius: 40px; background: linear-gradient(110deg,#dbb35a,#b44b0b); color: #fff; font-size: .3rem; font-weight: 700; padding: 0 .34rem; height: .66rem; flex-shrink: 0; }
.mall-template3 .m3-search.is-active ~ .m3-home-content { display: none; }
.mall-template3 .m3-search.is-active { min-height: 60vh; background: linear-gradient(#db942e 0,#fff7e6 90px); }
.mall-template3 .m3-search-results { padding-top: .3rem; }
.mall-template3 .m3-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #653713; margin: .1rem 0 .3rem; font-size: .3rem; }
.mall-template3 .m3-results-heading strong { overflow-wrap: anywhere; }
.mall-template3 .m3-results-heading button,.mall-template3 .m3-search-status button { background: #fff7e4; border: 1px solid #c78844; border-radius: 20px; color: #7b4219; padding: 7px 12px; flex-shrink: 0; }
.mall-template3 .m3-search-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .14rem; }
.mall-template3 .m3-result-card { display: flex; flex-direction: column; text-align: left; color: #33261c; border: 0; padding: 0 0 .18rem; border-radius: .22rem; overflow: hidden; background: #fffdfa; box-shadow: 0 3px 8px #895c2321; }
.mall-template3 .m3-result-card img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.mall-template3 .m3-result-name { font-size: .25rem; line-height: 1.45; height: 2.9em; margin: .12rem .12rem .05rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mall-template3 .m3-result-price { color: #b53b22; font-size: .28rem; padding: 0 .12rem; }
.mall-template3 .m3-result-card s { font-size: .22rem; color: #999; padding: 0 .12rem; }
.mall-template3 .m3-search-status { padding: .5rem .1rem; text-align: center; color: #79512f; line-height: 1.7; font-size: .28rem; }
.mall-template3 .m3-search-more { display: block; margin: .35rem auto; padding: .15rem .4rem; border: 1px solid #c78844; border-radius: 24px; color: #74401a; background: #fff2d4; font-size: .28rem; }
@media (max-width:360px) { .mall-template3 .m3-search-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .mall-template3 .m3-guarantees { justify-content: center; } }

/* Keep announcement text legible on the warm background. */
.mall-template3 .notice-title, .mall-template3 .notice-title * { color:#000 !important; }

/* /wap/css/pages/mall2-search.css */
.mall-template2 .m2-search { background:#fff; padding:.16rem .22rem .22rem; }
.mall-template2 .m2-search-form { display: flex; align-items: center; gap: .12rem; background: #fff; border: 2px solid #e7e7e7; border-radius: 50px; padding: .05rem .05rem .05rem .22rem; box-shadow: 0 2px 5px #00000010; }
.mall-template2 .m2-search-icon { width: .36rem; height: .36rem; flex-shrink: 0; fill: none; stroke: #888; stroke-width: 2; }
.mall-template2 .m2-search-form input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #333; font-size: max(16px,.32rem); height: .66rem; padding: 0; }
.mall-template2 .m2-search-form input::placeholder { color: #999; }
.mall-template2 .m2-search-form:focus-within { outline: 2px solid var(--main-color); outline-offset: 2px; }
.mall-template2 .m2-search button { cursor: pointer; font-family: inherit; }
.mall-template2 .m2-search-form button { border: 0; border-radius: 40px; background: var(--main-color); color: #fff; font-size: .3rem; font-weight: 700; padding: 0 .34rem; height: .66rem; flex-shrink: 0; }
.mall-template2 .m2-search.is-active ~ .m2-home-content { display: none; }
.mall-template2 .m2-search.is-active { min-height: 60vh; background:#fff; }
.mall-template2 .m2-search-results { padding-top: .3rem; }
.mall-template2 .m2-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #333; margin: .1rem 0 .3rem; font-size: .3rem; }
.mall-template2 .m2-results-heading strong { overflow-wrap: anywhere; }
.mall-template2 .m2-results-heading button,.mall-template2 .m2-search-status button { background: #fff; border: 1px solid #ddd; border-radius: 20px; color: var(--main-color); padding: 7px 12px; flex-shrink: 0; }
.mall-template2 .m2-search-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .14rem; }
.mall-template2 .m2-result-card { display: flex; flex-direction: column; text-align: left; color: #333; border: 0; padding: 0 0 .18rem; border-radius: .22rem; overflow: hidden; background: #fff; box-shadow: 0 3px 8px #00000012; }
.mall-template2 .m2-result-card img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.mall-template2 .m2-result-name { font-size: .25rem; line-height: 1.45; height: 2.9em; margin: .12rem .12rem .05rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mall-template2 .m2-result-price { color: var(--price-color); font-size: .28rem; padding: 0 .12rem; }
.mall-template2 .m2-result-card s { font-size: .22rem; color: #999; padding: 0 .12rem; }
.mall-template2 .m2-search-status { padding: .5rem .1rem; text-align: center; color: #666; line-height: 1.7; font-size: .28rem; }
.mall-template2 .m2-search-more { display: block; margin: .35rem auto; padding: .15rem .4rem; border: 1px solid #ddd; border-radius: 24px; color: var(--main-color); background: #fff; font-size: .28rem; }
@media (max-width:360px) { .mall-template2 .m2-search-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .mall-template2 .m2-guarantees { justify-content: center; } }

.mall-template2 .m2-dollar{display:inline-flex;align-items:center;justify-content:center;width:.26rem;height:.26rem;box-sizing:border-box;border:1px solid currentColor;border-radius:50%;color:#777;font:bold .21rem/1 Arial,sans-serif;margin-right:.06rem;flex-shrink:0}

/* /wap/css/pages/mall-bottom-dock.css */
/* Mall home templates 2/3 only. Non-interactive visual navigation. */
.mall-template2 .section_content,.mall-template3 .section_content{min-height:0;padding-bottom:32px}
.mall-dock-slot{position:relative;flex:0 0 auto;z-index:60;width:100%;max-width:540px;margin:0 auto}
.mall-bottom-dock{position:relative;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -3px 16px #51412a14;padding:9px 6px calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;cursor:default;user-select:none}
.mall-dock-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.mall-dock-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;color:#151515;font:bold clamp(13px,3.6vw,18px)/1.3 Arial,"Microsoft JhengHei",sans-serif;white-space:nowrap}
.mall-dock-item.is-home{color:#bf7664}
.mall-dock-icon{width:clamp(35px,10vw,48px);height:clamp(35px,10vw,48px);display:flex;align-items:center;justify-content:center}
.mall-dock-icon svg{display:block;width:100%;height:100%;overflow:visible}
.mall-dock-item.is-featured .mall-dock-icon{position:relative;isolation:isolate}
.mall-dock-item.is-featured .mall-dock-icon:before{content:"";position:absolute;width:clamp(66px,19vw,86px);height:clamp(66px,19vw,86px);border-radius:50%;background:#fff;bottom:0;z-index:-1;box-shadow:0 -6px 9px #51412a0a}
.mall-dock-item.is-featured svg{position:absolute;width:clamp(61px,17vw,76px);height:clamp(61px,17vw,76px);bottom:3px;filter:drop-shadow(0 2px 1px #774c2810)}
.mall-template2 .right-menu-box,.mall-template3 .right-menu-box{bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
@media(min-width:768px){
  #app.mall-template2>.header,#app.mall-template3>.header,
  #app.mall-template2>.mall-dock-slot,#app.mall-template3>.mall-dock-slot{width:750px;max-width:750px;margin-left:auto;margin-right:auto}
  #app.mall-template2>.section_content>div,#app.mall-template3>.section_content>div{width:750px!important;max-width:750px}
  #app.mall-template2 .main-footer1,#app.mall-template3 .main-footer1{width:750px!important;max-width:750px;margin-left:calc(50% + 5px)!important;transform:translateX(-50%)!important}
  #app.mall-template2 .goods-sort-img,#app.mall-template3 .goods-sort-img{height:auto}
  #app.mall-template2 .goods-sort-list-img,#app.mall-template3 .goods-sort-list-img{height:auto;aspect-ratio:1;object-fit:cover}
  #app.mall-template2 .right-menu-box,#app.mall-template3 .right-menu-box{right:calc(50% - 363px)!important}
}

/* Shared by every mall page, including cart, offers, member and video. */
html body .mall-dock-slot .mall-bottom-dock{border-radius:0!important;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:767px){html body .mall-dock-slot .mall-bottom-dock{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}}

/* /wap/css/pages/mall-home-dock.css */
/* Match the member center's navigation dimensions on both storefront themes. */
#app.mall-template2>.mall-dock-slot,
#app.mall-template3>.mall-dock-slot{width:100%;max-width:750px;margin:0 auto}
#app.mall-template2 .mall-bottom-dock,
#app.mall-template3 .mall-bottom-dock{width:100%;max-width:none;margin:0;border-radius:22px 22px 0 0;padding:8px 9px calc(7px + env(safe-area-inset-bottom,0px))}
#app.mall-template2 .mall-dock-item,
#app.mall-template3 .mall-dock-item{font-size:13px;line-height:1.3;gap:3px;min-height:56px;cursor:pointer}
#app.mall-template2 .mall-dock-icon,
#app.mall-template3 .mall-dock-icon{width:39px;height:39px}
#app.mall-template2 .mall-dock-item.is-featured .mall-dock-icon:before,
#app.mall-template3 .mall-dock-item.is-featured .mall-dock-icon:before{width:60px;height:60px;bottom:0}
#app.mall-template2 .mall-dock-item.is-featured svg,
#app.mall-template3 .mall-dock-item.is-featured svg{width:54px;height:54px;bottom:0}

/* /wap/css/pages/mall-product-images.css */
/* Keep category product photos square in mall templates 2 and 3.
   Override the shared desktop 164px height without cropping product artwork. */
#app.mall-template2 .goods-sort-list .goods-sort-list-img,
#app.mall-template3 .goods-sort-list .goods-sort-list-img {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
}

/* /wap/css/pages/mall-mobile-dock.css */
/* A single compact mobile dock across mall 2/3 home, video and member pages. */
@media (max-width: 767px) {
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-slot {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-bottom-dock {
    padding: 7px 6px calc(6px + env(safe-area-inset-bottom, 0px));
    border-radius: 18px 18px 0 0;
    overflow: visible;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item {
    min-height: 44px;
    font-size: 10px;
    line-height: 1.3;
    font-weight: normal;
    gap: 1px;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-icon {
    width: 31px;
    height: 31px;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item.is-featured .mall-dock-icon:before {
    display: block;
    width: 48px;
    height: 48px;
    bottom: 0;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item.is-featured svg {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0;
  }
}

/* Straight dock edge and a continuous footer background, desktop and mobile. */
#app.mall-template2>.section_content,#app.mall-template3>.section_content{padding-bottom:0}
#app.mall-template2 .main-footer1,#app.mall-template3 .main-footer1{padding-bottom:24px;background:#f0f1f5}
.mall-dock-slot .mall-bottom-dock{border-radius:0!important;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:767px){.mall-dock-slot .mall-bottom-dock{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}}

/* /wap/css/pages/mall-navigation.css */
.mall-page-panel{position:fixed;inset:0;z-index:5000;background:#f5f5f5;overflow:hidden;animation:mall-page-in .16s ease-out}
.mall-page-panel[hidden],.mall-page-wait[hidden]{display:none!important}
.mall-page-panel iframe{display:block;border:0;width:100%;height:100%;background:#f5f5f5}
.mall-nav-progress{position:fixed;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:5010;max-width:calc(100% - 24px);width:max-content;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#fffdf9;color:#6b431f;border:1px solid #ecdcc8;border-radius:12px;box-shadow:0 3px 14px #0002;font:13px/1.4 system-ui}
.mall-nav-progress[hidden],.mall-nav-progress [hidden]{display:none!important}
.mall-nav-progress:before{content:"";flex:none;width:12px;height:12px;border:2px solid #efddc5;border-top-color:#ba671a;border-radius:50%;animation:mall-nav-spin .7s linear infinite}
.mall-nav-progress button,.mall-nav-progress a{flex:none;border:0;background:transparent;color:#ae5616;font:inherit;text-decoration:none;cursor:pointer;padding:4px;touch-action:manipulation}
.mall-nav-progress.is-slow{flex-wrap:wrap;justify-content:center;min-width:260px}
@keyframes mall-nav-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mall-nav-progress:before{animation:none}}
.mall-page-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column;font:14px system-ui;color:#777;background:#faf8f4}
.mall-page-wait button,.mall-page-wait a{background:white;border:1px solid #e6d7c3;border-radius:18px;padding:9px 22px;color:#a45b19;font:inherit;text-decoration:none}
.mall-dock-item{touch-action:manipulation;cursor:pointer;transition:opacity .1s,transform .1s}.mall-dock-item:active{opacity:.72;transform:scale(.95)}
@keyframes mall-page-in{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:mall-cross-out .12s ease both}::view-transition-new(root){animation:mall-cross-in .16s ease both}
@keyframes mall-cross-out{to{opacity:0}}@keyframes mall-cross-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mall-page-panel,.mall-dock-item,::view-transition-old(root),::view-transition-new(root){animation:none!important;transition:none!important}}

/* /wap/css/pages/mall-ranking.css */
.mall-ranking{box-sizing:border-box;margin:14px 15px 18px;padding:17px 14px 15px;border-radius:22px;background:linear-gradient(110deg,#fff8e8,#fff2e0);color:#663714;font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:13px;line-height:1.35}.mall-ranking *{box-sizing:border-box}.rank-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:43px;margin-bottom:9px}.rank-heading-text{display:flex;align-items:baseline;gap:8px;min-width:0;position:relative}.rank-heading strong{font-size:27px;font-weight:900;white-space:nowrap}.rank-flame{margin-right:5px}.rank-subtitle{color:#8a8074;font-size:16px;white-space:nowrap}.rank-more{display:flex;align-items:center;gap:5px;color:#9f855e;font-size:13px;white-space:nowrap;min-height:32px;text-decoration:none}.rank-more span{font-size:22px}.rank-title-image{display:block;width:auto;max-width:260px;max-height:44px;object-fit:contain;object-position:left center}.rank-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rank-product{position:relative;min-width:0;padding:8px;background:#fff;border-radius:10px;box-shadow:0 3px 4px #84502424;color:#29241f;text-decoration:none}.rank-picture{position:relative;min-width:0;aspect-ratio:1}.rank-picture>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:4px}.rank-badge{position:absolute;left:-2px;top:-5px;padding:8px 7px 4px;border-radius:0 0 5px 5px;background:#efae25;color:white;font-size:14px;line-height:1;font-weight:bold;z-index:1}.rank-position-2{background:#e6b446}.rank-position-3{background:#dca553}.rank-theme-2 .rank-badge:before{content:'';position:absolute;left:0;right:0;top:-7px;height:9px;background:inherit;clip-path:polygon(0 0,25% 70%,50% 0,75% 70%,100% 0,100% 100%,0 100%)}.rank-info{padding-top:7px;min-width:0;display:flex;flex-direction:column;gap:2px}.rank-product-title,.rank-short-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600}.rank-price{font-size:18px;color:#b36b29;font-weight:800;white-space:nowrap}.rank-sales{font-size:12px;color:#918b83;white-space:nowrap}.rank-count{font-size:12px;color:#8d775a;white-space:nowrap}.rank-mascot{width:75px;height:66px;object-fit:contain;position:absolute;left:145px;bottom:-11px;z-index:1;pointer-events:none}.rank-theme-3{padding:9px 12px 13px;border:2px solid #dfae7e;border-radius:16px;box-shadow:0 3px 7px #a9682b40;background:linear-gradient(125deg,#fff5df 10%,#fff9f2 52%,#ffe8ce)}.rank-theme-3 .rank-heading{height:40px;margin-bottom:2px}.rank-theme-3 .rank-heading-text{display:block;padding-left:2px}.rank-theme-3 .rank-heading strong{font-size:21px;color:#28251e;display:block;line-height:1.1}.rank-theme-3 .rank-subtitle{font-size:13px;display:block;margin-left:25px;line-height:1.2}.rank-theme-3 .rank-more{color:#be8d54}.rank-theme-3 .rank-product{display:grid;grid-template-columns:45% minmax(0,1fr);grid-template-rows:87px auto;gap:6px;padding:6px;border-radius:9px;overflow:hidden}.rank-theme-3 .rank-picture{aspect-ratio:auto;height:87px}.rank-theme-3 .rank-picture>img{object-fit:cover}.rank-theme-3 .rank-info{padding:5px 0 0}.rank-theme-3 .rank-info .rank-product-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;max-height:54px;line-height:1.4}.rank-theme-3 .rank-info>.rank-price,.rank-theme-3 .rank-info>.rank-sales{display:none}.rank-theme-3 .rank-badge{padding:3px 5px;left:-1px;top:-2px;font-size:11px;width:31px;background:#d6ad82;line-height:1.05;white-space:normal}.rank-theme-3 .rank-badge.rank-position-1{background:#e4b94e}.rank-card-bottom{grid-column:1/-1;min-width:0}.rank-short-title{font-size:12px;line-height:1.3}.rank-card-bottom>div:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.rank-theme-3 .rank-price{color:#ba4c49;font-size:14px}.rank-theme-3 .rank-sales{font-size:9px}.rank-product:active{filter:brightness(.97)}
@media(max-width:480px){.mall-ranking{margin:12px 12px 15px;padding:11px 9px 11px;border-radius:17px}.rank-heading{height:31px;margin-bottom:9px;gap:4px}.rank-heading-text{gap:5px}.rank-heading strong{font-size:20px}.rank-flame{margin-right:3px}.rank-subtitle{font-size:11px}.rank-more{font-size:10px;gap:3px}.rank-title-image{max-width:185px;max-height:32px}.rank-items{gap:6px}.rank-product{padding:5px;border-radius:7px}.rank-info{padding-top:5px;gap:2px}.rank-product-title{font-size:11px}.rank-price{font-size:13px}.rank-sales{font-size:9px}.rank-badge{font-size:10px;padding:5px 5px 3px}.rank-theme-3{padding:7px 7px 9px;border-width:1px;border-radius:12px}.rank-theme-3 .rank-heading{height:31px;margin-bottom:3px}.rank-theme-3 .rank-heading strong{font-size:15px}.rank-theme-3 .rank-subtitle{font-size:10px;margin-left:18px}.rank-mascot{width:53px;height:47px;left:106px;bottom:-9px}.rank-theme-3 .rank-product{grid-template-rows:58px auto;gap:4px;padding:4px}.rank-theme-3 .rank-picture{height:58px}.rank-theme-3 .rank-info{padding-top:3px}.rank-theme-3 .rank-info .rank-product-title{font-size:9px;line-height:1.35;max-height:37px}.rank-theme-3 .rank-badge{font-size:9px;width:25px;padding:2px 3px}.rank-theme-3 .rank-short-title{font-size:9px}.rank-theme-3 .rank-price{font-size:10px}.rank-theme-3 .rank-sales{font-size:7px}.rank-card-bottom>div:last-child{gap:2px}.rank-theme-3 .rank-more{font-size:9px}}
.rank-full{margin:12px 15px 24px}.rank-full .rank-heading{height:auto;min-height:42px}.rank-full .rank-heading-text{flex-wrap:wrap}.rank-full .rank-items{grid-template-columns:1fr;gap:10px}.rank-full .rank-product{display:flex;height:132px;flex-direction:row;gap:14px;padding:10px;align-items:center}.rank-full .rank-picture{flex:0 0 110px;width:110px;height:110px}.rank-full .rank-info{padding:0;flex:1;gap:6px}.rank-full .rank-product-title{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:44px;line-height:1.45}.rank-full .rank-price{font-size:18px}.rank-full .rank-sales{font-size:12px}.rank-full .rank-badge{font-size:12px;left:0;top:0}.rank-full .rank-subtitle{max-width:none}.rank-full .rank-title-image{max-width:220px}
.rank-page{height:100%;max-width:750px;margin:auto;display:flex;flex-direction:column;background:#fff;overflow:hidden}.rank-page>header{flex-shrink:0}.rank-page-scroll{flex:1;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.rank-page-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:14px;border-bottom:1px solid #f3eee7}.rank-page-nav a{color:#a96729;text-decoration:none;min-height:30px;display:flex;align-items:center}.rank-page-empty{text-align:center;padding:70px 20px;font-size:14px;color:#8b7d6a}.rank-page-empty button{margin:15px;padding:9px 20px;border:1px solid #e6c8a0;background:#fff9f0;color:#a96425;border-radius:20px}.rank-page footer{flex-shrink:0}


.rank-full.rank-theme-3 .rank-product{display:flex}.rank-full.rank-theme-3 .rank-info>.rank-price,.rank-full.rank-theme-3 .rank-info>.rank-sales{display:block}.rank-full .rank-mascot{display:none}

/* Isolate ranking panels from legacy single-product section layout. */
section.mall-ranking{overflow:visible}
section.mall-ranking>div{width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important;-webkit-transform:none!important;background-color:transparent!important}
.rank-page{width:100%}
.rank-page>footer,.rank-page>footer .mall-dock-slot{width:100%!important;max-width:750px!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}

/* Gold, silver and bronze podium; flat badges from fourth place onward. */
.mall-ranking .rank-badge.rank-position-1{background:#e9a51c;color:#fff}
.mall-ranking .rank-badge.rank-position-2{background:#8998ab;color:#fff}
.mall-ranking .rank-badge.rank-position-3{background:#b97744;color:#fff}
.mall-ranking .rank-badge:not(.rank-position-1):not(.rank-position-2):not(.rank-position-3){border-radius:4px;padding-top:5px;padding-bottom:5px}
.mall-ranking .rank-badge:not(.rank-position-1):not(.rank-position-2):not(.rank-position-3):before{content:none;display:none}