/* Member 追蹤清單 */
[role='button'] { cursor: pointer;}

/* 追蹤商品, 追蹤品牌, 追蹤店舖相關 */
.ec-member-toolbar{display:flex;}
.ec-member-toolbar .ec-member-button-group{display:flex;gap:10px;}
.ec-member-toolbar .ec-btn-gray{--ec-btn-line-height:1em;--ec-btn-color:var(--neutral-750);min-width:176px;height:36px;display:flex;align-items:center;justify-content:center;}
.ec-member-toolbar .ec-btn-gray.active{--ec-btn-color:#fff;}
.track-nav{display:block;border-bottom:1px solid #f2f2f2;margin-bottom:15px;margin-top:15px;font-family:var(--primary-font-family);}
.track-nav-link{display:inline-block;font-size:15px;line-height:20px;color:#454545;padding:0 10px 10px 10px;}
.track-nav-link+.track-nav-link{margin-left:50px;}
.track-nav-active{color:var(--primary-pink);font-weight:bold;border-bottom:1px solid var(--primary-pink);margin-bottom:-1px;}
/* 追蹤品牌、追蹤商店 上方列資訊 */
.brand-list-info-bar,.store-list-info-bar{display:flex;justify-content:space-between;align-items:center;height:30px;margin-bottom:5px;color:var(--neutral-750);font-family:var(--primary-font-family);}
.brand-list-amount,.store-list-amount{font-size:13px;}
.brand-amount-highlight,.store-amount-highlight{font-size:13px;color:#dd2627;}
.brand-save-info,.brand-save-info span,.store-save-info,.store-save-info span{font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;}
.brand-save-info-icon,.store-save-info-icon{display:inline-block;width:14px;height:14px;background-image:url(/ecm/img/ec-images/icon-info-gray.svg);background-position:center center;background-size:17px 17px;background-repeat:no-repeat;}
/* 追蹤品牌、追蹤商店 列表群組 / 列表 */
.brand-list-group,.store-list-group{display:flex;flex-wrap:wrap;gap:10px 10px;padding:10px;margin:0 -10px;box-shadow:0;font-family:var(--primary-font-family);}
.brand-product-price *,.store-product-price *{font-size:inherit;}
.brand-list-item,.store-list-item{position:relative;display:inline-block;overflow:hidden;width:494px;height:auto;box-sizing:border-box;border-radius:8px;border:1px solid #f2f2f2;}
.brand-list-item:hover,.store-list-item:hover{box-shadow:3px 3px 10px rgba(0,0,0,0.1);transition:box-shadow .5s;}
/* 追蹤品牌、追蹤商店 列表 / 表頭 */
.brand-list-head,.store-list-head{display:flex;justify-content:space-between;height:70px;margin:10px 10px 0;}
.brand-info,.store-info{display:flex;justify-content:start;flex-grow:2;flex-shrink:1;flex-basis:0%;align-items:center;gap:10px;cursor:pointer;}
.brand-logo,.store-logo{border-radius:4px;overflow:hidden;}
.store-logo{padding:10px;}
.brand-logo img{width:70px;height:70px;}
.store-logo img{width:50px;height:50px;border-radius:50%;}
.brand-name,.store-name{font-size:15px;color:var(--neutral-750);font-weight:bold;max-width:320px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;}
.brand-name + div,.store-name + div{margin-top:5px;}
.brand-name{max-height:3em;-webkit-line-clamp:2;}
.store-name{max-height:2em;-webkit-line-clamp:1;}
.brand-info:hover .brand-name,.store-info:hover .store-name{color:var(--primary-pink);}
.brand-list-option,.store-list-option{display:flex;justify-content:end;align-items:center;}
.brand-list-option .option-btn,.store-list-option .option-btn{display:inline-block;width:34px;height:34px;border-radius:50%;transition:background .3s;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;}
.brand-list-option .option-btn:hover,.store-list-option .option-btn:hover{background-color:#f2f2f2;}
.brand-list-option .btn-pink,.store-list-option .btn-pink{background-image:url(/ecm/img/ec-images/icon-pin.svg);}
.brand-list-option .btn-pink.active,.store-list-option .btn-pink.active{background-image:url(/ecm/img/ec-images/icon-pin-selected.svg);}
.brand-list-option .btn-del,.store-list-option .btn-del{background-image:url(/ecm/img/ec-images/icon-trashcan.svg);}
/* 追蹤品牌、追蹤商店 列表 / 產品幻燈箱 */
.brand-product-carousel,.store-product-carousel{position:relative;overflow:hidden;padding:15px 32px;}
/* 追蹤品牌、追蹤商店 產品列表 */
.brand-product-list,.store-product-list{display:flex;gap:10px;overflow:hidden;width:430px;}
.brand-product-list-item,.store-product-list-item{text-align:center;}
.brand-product-img-container,.store-product-img-container{position:relative;display:block;width:100px;height:100px;border-radius:4px;overflow:hidden;margin-bottom:8px;cursor:pointer;}
.brand-product-img-container:before,.store-product-img-container:before{content:'';background-color:rgba(0,0,0,0);position:absolute;width:100%;height:100%;z-index:3;top:0;bottom:0;left:0;right:0;}
.brand-product-img-container:hover:before,.store-product-img-container:hover:before{background-color:rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
.brand-product-img-no-data.brand-product-img-container:hover:before,.store-product-img-no-data.store-product-img-container:hover:before{background-color:rgba(0,0,0,0);cursor:default;}
.brand-product-img-no-data,.store-product-img-no-data{display:flex;justify-content:center;align-items:center;font-size:15px;color:#999;background-color:#f2f2f2;}
.brand-product-img-no-data .brand-product-no-data,.store-product-img-no-data .store-product-no-data{font-size:15px;}
.brand-product-img,.store-product-img{width:100%;height:100%;}
/* 追蹤品牌、追蹤商店 列表 / 產品標籤 */
.product-img-tag-layer{position:absolute;top:0;left:0;width:100%;height:100px;display:block;}
.product-img-tag{position:absolute;z-index:1;display:block;}
.product-img-tag img{width:100%;height:auto;}
.product-img-tag.top-round-tag{width:28%;top:0;left:0;}
.product-img-tag.top-long-tag{width:75%;top:0;left:0;}
.product-img-tag.bottom-tag{width:100%;bottom:0;left:0;}
.product-img-tag.bottom-tag img{vertical-align:middle;}
.product-img-mask{position:absolute;z-index:2;width:100%;height:100%;top:0;bottom:0;left:0;right:0;}
.product-img-mask.mask-over18{transition:all 0.3s ease-in-out;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;background-image:url(/ecm/img/cmm/search/mask_18.png);}
.brand-product-price,.store-product-price{font-family:var(--price-font-family);color:var(--primary-pink);font-size:17px;height:21px;}
.brand-product-price .ec-prices-group,.store-product-price .ec-prices-group{justify-content:center;}
.brand-product-price .dollar-sign,.store-product-price .dollar-sign{font-size:13px;}
/* 追蹤品牌、追蹤商店 幻燈箱 切換介面 */
.carousel-control-btn{position:absolute;display:inline-block;width:22px;height:44px;top:50%;margin-top:-38px;transition:background .2s;}
.brand-product-carousel:hover .carousel-control-btn,.store-product-carousel:hover .carousel-control-btn{background-color:rgba(0,0,0,.33);}
.carousel-control-btn .icon-arrow{position:relative;display:inline-block;width:22px;height:44px;}
.carousel-control-btn .icon-arrow:before,.carousel-control-btn .icon-arrow:after{content:'';position:absolute;width:1px;height:10px;background-color:#727272;transition:background .2s;}
.carousel-control-btn .icon-arrow:before{transform:rotate(45deg);top:16px;left:10px;margin-top:-3px;}
.carousel-control-btn .icon-arrow:after{transform:rotate(135deg);top:16px;left:10px;margin-top:4px;}
.brand-product-carousel:hover .carousel-control-btn .icon-arrow:before,.brand-product-carousel:hover .carousel-control-btn .icon-arrow:after,.store-product-carousel:hover .carousel-control-btn .icon-arrow:before,.store-product-carousel:hover .carousel-control-btn .icon-arrow:after{background-color:#fff;}
.carousel-control-btn-pre{left:0;}
.carousel-control-btn-next{right:0;transform:rotate(180deg);}
.carousel-control-btn-pre,.carousel-control-btn-next{border-radius:0 5px 5px 0;}
/* 追蹤商店 活動清單 */
.activityArea .activityBox{padding:0 0 0 12px;box-sizing:border-box;align-items:start;border:0;margin:0;font-size:0;display:flex;}
.activityArea .activityBox .titleIcon{color:var(--momo-red);font:13px/20px var(--main-font);margin:5px 5px 5px 0;background-color:#FFF3F4;border-radius:2px;display:inline-block;min-width:54px;height:20px;text-align:center;vertical-align:top;}
.activityArea .activityBox .activityText{display:inline-block;width:calc(100% - 89px);vertical-align:top;}
.activityArea .activityBox .activityText p{margin:0;color:#000000;display:block;font:15px/30px var(--main-font);text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;}
.activityArea .activityBox .arrowIcon{width:30px;align-self:center;height:30px;cursor:pointer;display:inline-block;background:no-repeat url(/ecm/img/cmm/mobile/arrow_down.png) 4px center/ 18px auto;vertical-align:top;padding:0 12px 0 4px;box-sizing:border-box;}
.activityArea .activityBox .activityText div.outOfStock {display: flex;align-items: center;}
/* 追蹤品牌、追蹤商店 行銷活動區塊*/
.store-promo-hr{margin:0 0;color:inherit;border:0;border-top:1px solid #f2f2f2;}
.store-promo-block{padding:5px 0 0;text-align:left;}
.store-promo-block .activityText p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.store-promo-block .activityBox .activityText p{font-size:13px;color:var(--neutral-750);}
.store-multi-promo-text{position:relative;font-size:13px;}
.store-multi-promo-text+.store-multi-promo-text{margin-left:1em;}
.store-multi-promo-text+.store-multi-promo-text::before{content:'，';position:absolute;top:.15em;left:-1.15em;line-height:1em;font-weight:normal;}
.btn-view-more{text-align:center;font-size:13px;line-height:34px;color:var(--neutral-750);}
/* 行銷活動 Badge (此顏色修正僅適用此限定範圍) */
.store-promo-block.activityArea .activityBox .titleIcon{color:#DD2726;background-color:#FDF2F2;}
.store-promo-block.activityArea .activityBox.giftBox .titleIcon{color:#1683E9;background-color:#ECF5FD;}
.store-promo-block.activityArea .activityBox.flexi-combo-badge .titleIcon{color:#8A9E47;background-color:#F5F7ED;}
/* 追蹤品牌、追蹤商店 品牌下架遮罩 */
.brand-product-soldout-mask,.store-product-soldout-mask{position:absolute;display:flex;font-weight:bold;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;top:0;bottom:0;left:0;right:0;color:#fff;background-color:rgba(0,0,0,0.4);}
.soldout-mask-text{font-size:17px;margin-bottom:10px;}
.btn-del-product-soldout{display:flex;justify-content:center;align-items:center;gap:4px;font-size:13px;line-height:18px;color:#fff;border:1px solid #fff;border-radius:20px;padding:6px 12px;box-sizing:border-box;}
.btn-del-product-soldout .iocn-del{display:inline-block;width:18px;height:18px;background-image:url(/ecm/img/ec-images/icon-trashcan-white.svg);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;}
/* 追蹤品牌、追蹤商店 Modal */
.modal-mask{position:fixed;display:none;justify-content:center;align-items:center;min-height:100vh;z-index:2000;background-color:rgba(0,0,0,0.3);overflow:hidden;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.modal-mask-open .modal-mask{display:flex;}
.modal-mask-open{overflow:hidden;}
/* 內部容器設置內容區域，限制寬度和高度 */
.brand-list-modal,.store-list-modal{background-color:#fff;font-family:var(--primary-font-family);}
.brand-list-modal .modal-dialog,.store-list-modal .modal-dialog{padding:0;background-color:#ffffff;border:1px solid #e7e7e7;box-shadow:0px 4px 8px rgba(0,0,0,0.1);width:700px;max-height:700px;overflow-y:auto;text-align:center;box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
/* 計算多餘的介面限制內容避免溢出 */
#brandlistInfo > .title {color: #454545 !important;}
.brand-list-modal .store-promo-block,.store-list-modal .store-promo-block{max-height:calc(650px - 67px - 50px);padding-top:0;overflow-x:hidden;overflow-y:auto;}
.brand-list-modal .activityArea .activityBox,.store-list-modal .activityArea .activityBox{padding:5px 0 5px;}
.brand-list-modal .store-promo-block .activityBox,.store-list-modal .store-promo-block .activityBox{border-bottom:1px solid #f2f2f2;}
.brand-list-modal .modal-header,.store-list-modal .modal-header{display:flex;justify-content:space-between;align-items:center;height:50px;background-color:#e7e7e7;}
.brand-list-modal .modal-title,.store-list-modal .modal-title{font-size:17px;margin-left:15px;color:var(--neutral-750);}
.brand-list-modal .btn-close,.store-list-modal .btn-close{position:relative;display:inline-block;cursor:pointer;border:0;background-color:transparent;width:34px;height:34px;margin-right:6px;}
.brand-list-modal .btn-close:before,.brand-list-modal .btn-close:after,.store-list-modal .btn-close:before,.store-list-modal .btn-close:after{content:'';position:absolute;top:50%;left:50%;display:inline-block;width:2px;height:24px;background-color:#777;}
.brand-list-modal .btn-close:before,.store-list-modal .btn-close:before{transform:rotate(45deg);margin-top:-13px;}
.brand-list-modal .btn-close:after,.store-list-modal .btn-close:after{transform:rotate(135deg);margin-top:-13px;}
.brand-list-modal .modal-body,.store-list-modal .modal-body{padding:15px;}
.brand-list-modal .modal-footer,.store-list-modal .modal-footer{padding:20px 0;}
.brand-list-modal .ec-btn-modal-close,.store-list-modal .ec-btn-modal-close{--ec-btn-line-height:1em;min-width:132px;height:30px;font-size:15px;display:flex;align-items:center;justify-content:center;margin:auto;}
.brand-list-modal .modal-brand-list-save,.store-list-modal .modal-store-list-save{font-size:15px;text-align:left;}
.brand-list-modal .brand-list-save-text,.store-list-modal .store-list-save-text{font-size:15px;line-height:20px;margin:0;color:#454545;}
.brand-list-modal .brand-list-save-text + .brand-list-save-text,.store-list-modal .store-list-save-text + .store-list-save-text{margin-top:8px;}
.brand-list-modal .brand-list-save-text .option-icon,.store-list-modal .store-list-save-text .option-icon{display:inline-block;vertical-align:text-bottom;width:20px;height:20px;border-radius:50%;transition:background .3s;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;}
.brand-list-modal .brand-list-save-text .icon-pink,.store-list-modal .store-list-save-text .icon-pink{background-image:url(/ecm/img/ec-images/icon-pin.svg);}
.brand-list-modal .brand-list-save-text .icon-pink.active,.store-list-modal .store-list-save-text .icon-pink.active{background-image:url(/ecm/img/ec-images/icon-pin-selected.svg);}
.brand-list-modal.floatingLayerBox .buttonArea {margin: 20px 0 0;}
.brand-list-modal .modal-footer { padding-top: 20px;padding-bottom: 0px;}
.no-data-status{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px 0;}
.no-data-status .no-data-img{width:214px;height:214px;}
.no-data-status .no-data-momojun{width:214px;height:214px;}
.no-data-status .no-data-status-text{font-size:15px;color:#454545;margin-bottom:12px;}
.no-data-status .btn-go-shop{display:flex;justify-content:center;align-items:center;width:99px;height:36px;box-sizing:border-box;font-size:15px;color:#454545;border:1px solid #b3b3b3;border-radius:20px;}