/* AS首頁v1.11：付款卡片及右下快捷鍵；只作用於首頁。 */
.as-homepage .as-home-payment{box-sizing:border-box;width:100%;padding:14px;margin:14px 0;background:#fff;border:1px solid #d7e2e9;border-top:4px solid #ffd24b;border-radius:14px;box-shadow:0 5px 15px rgba(16,66,102,.06)}
.as-homepage .as-home-payment-header{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #e4edf2}
.as-homepage .as-home-payment-header>span{color:#a7830b;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.8px}
.as-homepage .as-home-payment-header h2{margin:0;padding:0;color:#155a81;font:700 18px/1.3 Arial,"Microsoft JhengHei",sans-serif}
.as-homepage .as-home-payment-card{box-sizing:border-box;display:block;width:100%;padding:12px;margin:0 0 12px;border:1px solid #d9e6ed;border-radius:10px;background:#f7fbff}
.as-homepage .as-home-payment-alipay{background:#f6fbff;border-color:#d7e6ff}
.as-homepage .as-home-payment-card-heading{display:flex;align-items:center;gap:9px;text-align:left;margin-bottom:10px}
.as-homepage .as-home-payment-tag{box-sizing:border-box;display:flex;width:35px;height:35px;flex:0 0 35px;align-items:center;justify-content:center;background:#0c5075;color:#fff;border-radius:9px;font:700 11px/1 Arial,sans-serif}
.as-homepage .as-home-payment-alipay .as-home-payment-tag{background:#1677ff}
.as-homepage .as-home-payment-card-heading h3{margin:0!important;padding:0!important;color:#154d70;background:none!important;border:0!important;font:700 17px/1.35 Arial,"Microsoft JhengHei",sans-serif}
.as-homepage .as-home-payment-card-heading p{margin:2px 0 0;padding:0;color:#687f8f;font:12px/1.4 Arial,"Microsoft JhengHei",sans-serif}
.as-homepage .as-home-payment-qr{position:static!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:8px;margin:0;background:#fff;border:1px solid #e3ecf2;border-radius:8px;overflow:visible;text-decoration:none!important}
.as-homepage .as-home-payment-qr:before,.as-homepage .as-home-payment-qr:after{content:none!important;display:none!important}
.as-homepage .as-home-payment-qr img{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:240px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
.as-homepage .as-home-payment-account{margin:10px 0 0;padding:0;text-align:center;color:#667e8f;font:12px/1.5 Arial,"Microsoft JhengHei",sans-serif}
.as-homepage .as-home-payment-account strong{display:block;margin-top:2px;color:#154d70;font-size:14px;letter-spacing:.4px}
.as-homepage .as-home-payment-details{display:flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;padding:11px 12px;border:1px solid #0b6094;border-radius:8px;background:#0b6094;color:#ffe06a!important;font:700 13px/1.4 Arial,"Microsoft JhengHei",sans-serif;text-decoration:none!important}
.as-homepage .as-home-payment-details:hover{background:#07456c;box-shadow:0 3px 9px rgba(11,84,132,.16)}
.as-homepage .as-home-payment a:focus-visible{outline:3px solid #efbd22;outline-offset:3px}
.as-homepage .as-home-quickkeys{position:fixed!important;right:20px!important;bottom:24px!important;z-index:2147483000!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;width:64px!important;background:none!important;border:0!important;box-shadow:none!important}
.as-homepage .as-home-quickkey{position:relative!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;float:none!important;width:64px!important;height:64px!important;margin:0!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 5px 15px rgba(4,51,78,.22)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.as-homepage .as-home-quickkey:before,.as-homepage .as-home-quickkey:after{content:none!important}
.as-homepage .as-home-quickkey:hover,.as-homepage .as-home-cart-pulse{transform:translateY(-3px) scale(1.06)!important;box-shadow:0 8px 20px rgba(4,51,78,.28)!important}
.as-homepage .as-home-quickkey:active{transform:translateY(1px) scale(.98)!important}
.as-homepage .as-home-quickkey:focus-visible{outline:3px solid #ffd24b!important;outline-offset:4px!important}
.as-homepage .as-home-quickkey svg{display:block!important;position:static!important;pointer-events:none;flex-shrink:0;width:30px!important;height:30px!important;fill:currentColor!important;stroke:none!important;margin:0!important}
.as-homepage .as-home-quickkey-cart{flex-direction:column!important;gap:1px!important;background:linear-gradient(145deg,#ffa51b,#ff8b00)!important;color:#fff!important}
.as-homepage .as-home-quickkey-amount{display:block!important;float:none!important;width:auto!important;max-width:58px!important;margin:0!important;padding:0!important;background:none!important;color:#fff!important;font:700 12px/1.1 Arial,sans-serif!important;letter-spacing:-.25px;white-space:nowrap!important}
.as-homepage .as-home-quickkey-count{position:absolute!important;right:-4px!important;top:-5px!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 4px;color:#fff;background:#dd444a;border:2px solid #fff;border-radius:11px;font:700 10px/1 Arial,sans-serif}
.as-homepage .as-home-quickkey-count[hidden],.as-homepage #as-t-btn[hidden]{display:none!important}
.as-homepage .as-home-quickkey-whatsapp{background:#25d366!important;color:#0d2ea0!important}
.as-homepage .as-home-quickkey-whatsapp svg{width:34px!important;height:34px!important}
.as-homepage .as-home-quickkey-top{background:#0056b3!important;color:#ffd700!important;border-color:#ffd700!important}
.as-homepage .as-home-cart-fly{position:fixed;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#ff8c00;border-radius:50%;color:#fff;pointer-events:none;z-index:2147483001;transition:transform .7s cubic-bezier(.13,.71,.3,.94),opacity .7s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.as-homepage .as-home-cart-fly svg{width:23px;height:23px;fill:currentColor}
@media(max-width:560px){
 .as-homepage .as-home-payment{padding:12px}
 .as-homepage .as-home-payment-card{padding:12px}
 .as-homepage .as-home-payment-qr img{max-width:240px!important}
 .as-homepage .as-home-quickkeys{right:10px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:50px!important;gap:8px!important}
 .as-homepage .as-home-quickkey{width:50px!important;height:50px!important}
 .as-homepage .as-home-quickkey svg{width:24px!important;height:24px!important}
 .as-homepage .as-home-quickkey-whatsapp svg{width:28px!important;height:28px!important}
 .as-homepage .as-home-quickkey-amount{font-size:10px!important;max-width:45px!important}
}
@media(prefers-reduced-motion:reduce){.as-homepage .as-home-quickkey,.as-homepage .as-home-cart-fly{transition:none!important}.as-homepage .as-home-quickkey:hover{transform:none!important}}

/* AS首頁v1.11.1：品牌連結等高圖框；保持原圖、原比例及原連結。 */
.as-homepage .links.block{box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:1180px!important;margin:18px auto!important;padding:18px!important;border:1px solid #dfe8f0!important;border-top:3px solid #ffd24b!important;border-radius:14px!important;background:#fff!important;overflow:visible!important}
.as-homepage .links.block>.content{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;position:relative!important}
.as-homepage .links.block>.content>span.lt,.as-homepage .links.block>.content>span.lb,.as-homepage .links.block>.content>span.rt,.as-homepage .links.block>.content>span.rb{display:none!important}
.as-homepage .links.block>.content>.link_tit{grid-column:1 / -1!important;display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0 0 2px!important;padding:0 0 12px!important;border-bottom:1px solid #e5edf2!important;background:none!important;color:#175577!important;font:700 17px/1.4 Arial,"Microsoft JhengHei",sans-serif!important;text-align:left!important}
.as-homepage .links.block>.content>a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:76px!important;margin:0!important;padding:12px!important;border:1px solid #e0e8ef!important;border-radius:9px!important;background:#fff!important;color:#175577!important;text-align:center!important;text-decoration:none!important;float:none!important;position:relative!important;overflow:visible!important;transition:border-color .16s ease,box-shadow .16s ease}
.as-homepage .links.block>.content>a>img{box-sizing:content-box!important;display:block!important;position:static!important;float:none!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:50px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;filter:none!important;vertical-align:middle!important}
.as-homepage .links.block>.content>a:before,.as-homepage .links.block>.content>a:after{content:none!important;display:none!important}
.as-homepage .links.block>.content>a:hover{border-color:#94b6cc!important;box-shadow:0 3px 10px rgba(15,76,115,.08)!important}
.as-homepage .links.block>.content>a:focus-visible{outline:3px solid #ffd24b!important;outline-offset:2px!important}
@media(max-width:1000px){.as-homepage .links.block>.content{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:600px){
 .as-homepage .links.block{padding:14px!important}
 .as-homepage .links.block>.content{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 .as-homepage .links.block>.content>a{height:68px!important;padding:8px!important}
 .as-homepage .links.block>.content>a>img{max-height:46px!important}
}
@media(prefers-reduced-motion:reduce){.as-homepage .links.block>.content>a{transition:none!important}}

/* AS首頁v1.11.2：將現有商品名稱連結延伸至整張促銷卡片；不改價格/商品資料。 */
.as-homepage #promotion>ul>li{position:relative!important;isolation:isolate;cursor:pointer}
.as-homepage #promotion>ul>li>p,.as-homepage #promotion>ul>li>p>a{position:static!important}
.as-homepage #promotion>ul>li>p>a:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:inherit!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important}
.as-homepage #promotion>ul>li:before,.as-homepage #promotion>ul>li>.dot{pointer-events:none!important}
.as-homepage #promotion>ul>li:hover{border-color:#adc6d7!important;box-shadow:0 4px 14px rgba(13,83,126,.12)!important}
.as-homepage #promotion>ul>li:focus-within{outline:3px solid #ffd24b;outline-offset:2px}

/* AS首頁v1.12：商品全名最多兩行；只有促銷區補上促銷價標示。 */
.as-homepage .as-home-layout #left .goodsbox>p,
.as-homepage .as-home-layout #right .goodsbox>p,
.as-homepage .as-home-layout #promotion>ul>li>p{
 display:block!important;height:44px!important;min-height:44px!important;max-height:44px!important;line-height:22px!important;margin:8px 0 6px!important;padding:0!important;overflow:hidden!important;flex:0 0 44px!important;-webkit-line-clamp:unset!important;position:static!important;
}
.as-homepage .as-home-layout #left .goodsbox>p>a,
.as-homepage .as-home-layout #right .goodsbox>p>a,
.as-homepage .as-home-layout #promotion>ul>li>p>a{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2;line-height:22px!important;font-size:14px!important;height:44px!important;min-height:44px!important;max-height:44px!important;overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;word-break:normal!important;position:static!important;
}
.as-homepage .as-home-layout #promotion>ul>li{min-height:0!important;height:auto!important}
.as-homepage .as-home-layout #promotion>ul>li>font.promote_price{display:block!important;width:100%!important;line-height:1.35!important;white-space:normal!important}
.as-homepage .as-home-layout #promotion>ul>li>font.promote_price:before{content:"促銷價";display:block;font-size:13px;line-height:18px;font-weight:600;color:inherit;margin:0 0 2px}
/* 名稱連結維持static，讓上一版整卡點擊覆蓋層仍以商品卡片為定位基準。 */

/* AS首頁v1.12.2：移除首頁選中按鈕左側的舊式裝飾圖，不改按鈕或連結。 */
.as-homepage #page_nav>li.cur>span:empty{display:none!important;background:none!important;width:0!important;height:0!important;pointer-events:none!important}

/* AS首頁v1.12.3：取消精選商品三個分類按鈕；保留標題、更多商品及全部原有商品。 */
.as-homepage #best #itemBest.as-home-tab-strip,
.as-homepage #best #itemBest>h2{display:none!important}

/* AS首頁 v1.14：主分類與展開細分類的2.5D繪本識別插畫；只作用於首頁分類區。 */
.as-homepage .as-home-layout #left .category>ul>li>.as-category-picture-link{display:flex!important;align-items:center!important;box-sizing:border-box!important;min-width:0!important;min-height:52px!important;padding:8px 38px 8px 12px!important;gap:8px!important}
.as-homepage .as-home-layout #left .category .as-category-picture-text{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important}
.as-homepage .as-home-layout #left .category .as-category-picture-image{display:block!important;box-sizing:border-box!important;flex:0 0 auto!important;object-fit:contain!important;object-position:center!important;pointer-events:none!important}
.as-homepage .as-home-layout #left .category .as-category-picture-root-image{width:32px!important;height:32px!important;padding:2px!important;border:1px solid #d8e4ec!important;border-radius:7px!important;background:#fff!important;box-shadow:0 1px 2px rgba(20,67,97,.08)!important}
.as-homepage .as-home-layout #left .category .sub.as-category-picture-panel{box-sizing:border-box!important;overflow-x:hidden!important}
.as-homepage .as-home-layout #left .category .sub>.as-category-picture-link{display:flex!important;align-items:center!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;gap:7px!important}
.as-homepage .as-home-layout #left .category .as-category-picture-sub-image{width:30px!important;height:30px!important;padding:1px!important;border:1px solid #e0eaf0!important;border-radius:5px!important;background:#fff!important}
.as-homepage .as-home-layout #left .category .sub>.as-category-picture-link .as-category-picture-text{line-height:1.4!important}
.as-homepage .as-home-layout #left .category .as-category-picture-link:focus-visible{outline:2px solid #ffd34d!important;outline-offset:-2px!important}
@media(min-width:901px){
 .as-homepage .as-home-layout #left .category .sub.as-category-picture-panel{max-height:calc(100vh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}
 .as-homepage .as-home-layout #left .category .sub.as-category-picture-panel>.as-category-picture-link{min-height:42px!important}
}
@media(max-width:900px){
 .as-homepage .as-home-layout #left .category>ul>li>.as-category-picture-link{min-height:50px!important;padding-right:38px!important}
 .as-homepage .as-home-layout #left .category .sub.as-category-picture-panel{width:100%!important;max-width:100%!important;max-height:65vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
 .as-homepage .as-home-layout #left .category .sub>.as-category-picture-link{min-height:42px!important;padding:6px 7px!important}
}
@media(max-width:360px){
 .as-homepage .as-home-layout #left .category>ul>li>.as-category-picture-link{gap:6px!important;padding-left:10px!important}
 .as-homepage .as-home-layout #left .category .as-category-picture-root-image{width:30px!important;height:30px!important}
 .as-homepage .as-home-layout #left .category .sub>.as-category-picture-link{gap:6px!important}
 .as-homepage .as-home-layout #left .category .as-category-picture-sub-image{width:28px!important;height:28px!important}
}