/* Compact cart, shared by pricing and module-detail pages. */
.footCartBox{width:100vw;max-width:100%;height:64px;box-sizing:border-box;padding:0 24px;gap:16px;border-top:1px solid #edf0f5;box-shadow:0 -2px 12px rgba(0,20,51,.055);}
.footCartBox .cartDetailBox{font-size:13px;min-width:0;}
.footCartBox .cartDetailBox .cartIcon{width:32px;height:32px;flex:0 0 32px;background-size:18px;margin-right:10px;}
.footCartBox .cartDetailBox .priceShow{margin-right:18px;flex-shrink:0;}
.footCartBox .cartDetailBox .countText{line-height:28px;white-space:nowrap;}
.footCartBox .cartDetailBox .priceShow span{font-size:14px;}
.footCartBox .cartDetailBox .priceShow span b{font-size:24px;}
.footCartBox .cartDetailBox .priceShow .diText{font-size:11px;line-height:14px;margin-top:0;}
.footCartBox .cartDetailBox>.p{font-size:12px;min-width:0;}
.footCartBox .cartDetailBox>.p .proTextShow{margin-top:0;line-height:20px;white-space:nowrap;}
.footCartBox .cartDetailBox>.p .s{width:12px;height:12px;margin-left:3px;}
.footCartBox .count{width:144px;height:38px;line-height:38px;font-size:14px;border-radius:5px;flex:0 0 144px;}
.footCartBox .cartDetailBox .cartListBox{width:420px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 88px);left:16px;bottom:calc(100% + 6px);padding:12px 14px;border:1px solid #edf0f5;border-radius:8px;box-shadow:0 4px 24px rgba(0,20,51,.09);}
.footCartBox .cartDetailBox .cartListBox::after{bottom:-8px;height:8px;}
.footCartBox .cartDetailBox .cartListBox>h4{font-size:15px;line-height:22px;}
.footCartBox .cartDetailBox .cartListBox .cartList{margin-top:10px;height:auto;max-height:min(310px,calc(100vh - 150px));padding-right:4px;}
.footCartBox .cartDetailBox .cartListBox .cartList dl{margin-bottom:12px;}
.footCartBox .cartDetailBox .cartListBox .cartList dl:last-child{margin-bottom:0;}
.footCartBox .cartDetailBox .cartListBox .cartList dt{font-size:12px;line-height:18px;margin-bottom:6px;padding-left:2px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul{grid-template-columns:1fr;gap:6px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li{height:48px;padding:0 10px;border-radius:4px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li h6{font-size:12px;font-weight:500;white-space:nowrap;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p s{font-size:11px;color:#9298a4;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .del,
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li:hover .del{display:block;width:18px;height:18px;flex:0 0 18px;margin-left:8px;background:url(/static/pc/images/del.png) no-repeat center/16px;cursor:pointer;opacity:.45;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .del:hover{opacity:1;}
@media(max-width:700px){
.footCartBox{height:60px;padding:0 12px;gap:10px;}
.footCartBox .cartDetailBox{flex-wrap:wrap;gap:0;}
.footCartBox .cartDetailBox .priceShow{margin-right:10px;}
.footCartBox .cartDetailBox .cartIcon{display:none;}
.footCartBox .cartDetailBox .priceShow span b{font-size:21px;}
.footCartBox .count{width:90px;height:36px;line-height:36px;flex-basis:90px;}
.footCartBox .cartDetailBox .cartListBox{left:8px;max-width:calc(100vw - 16px);}
}

/* Usable pointer path from the compact bar to the larger item list. */
.footCartBox .cartDetailBox{align-self:stretch;}
.footCartBox .cartDetailBox.cart-open .cartListBox,
.footCartBox .cartDetailBox:focus-within .cartListBox{display:block;}
.footCartBox .cartDetailBox .cartListBox{width:480px;animation:none;}
.footCartBox .cartDetailBox .cartListBox::after{bottom:-12px;height:12px;}
.footCartBox .cartDetailBox .cartListBox .cartListHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.footCartBox .cartDetailBox .cartListBox .cartListHeader h4{font-size:16px;line-height:24px;color:#0A1233;font-weight:500;}
.footCartBox .cartDetailBox .cartListBox .clear-cart{border:0;background:none;padding:3px 0;color:#737D90;font:inherit;font-size:12px;line-height:20px;cursor:pointer;white-space:nowrap;}
.footCartBox .cartDetailBox .cartListBox .clear-cart:hover{color:#E94D3D;}
.footCartBox .cartDetailBox .cartListBox .clear-cart:focus-visible,
.footCartBox .cartDetailBox .cartListBox .del:focus-visible{outline:2px solid #376AFF;outline-offset:2px;}
.footCartBox .cartDetailBox .cartListBox .cartList{max-height:min(370px,calc(100vh - 160px));}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul{gap:8px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li{height:64px;padding:0 12px;gap:12px;border-radius:6px;}
.footCartBox .cartDetailBox .cartListBox .cart-item-icon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:#EBF1FF;color:#376AFF;font-size:18px;overflow:hidden;}
.footCartBox .cartDetailBox .cartListBox .cart-item-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#F7F9FC;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .info{gap:14px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li h6{font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p{font-size:14px;font-weight:600;color:#FF512E;flex-shrink:0;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .del,
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li:hover .del{width:24px;height:28px;flex:0 0 24px;margin:0;border:0;padding:0;background-size:16px;}
@media(max-width:700px){
 .footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li{gap:8px;padding:0 8px;}
 .footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li .info{gap:8px;}
 .footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li h6,
 .footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p{font-size:13px;}
}