/* Final joined lecture card + hot-sale strip. Single source of truth. */
#lectureCard.lecture-card,
#lectureCard.lecture-card[hidden] {
  position:absolute !important;
  right:12px !important;
  bottom:132px !important;
  z-index:120 !important;
  width:142px !important;
  height:176px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:3px solid #ff6737 !important;
  border-bottom:0 !important;
  border-radius:9px 9px 0 9px !important;
  background:#ffefcf !important;
  box-shadow:none !important;
}
#lectureCard.lecture-card[hidden] { display:none !important; visibility:hidden !important; pointer-events:none !important; }
#lectureCard .lecture-close {
  position:absolute !important;
  z-index:10 !important;
  top:4px !important;
  right:4px !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.95) !important;
  color:#777 !important;
  font-size:13px !important;
  line-height:20px !important;
}
/* Full-bleed image area: no left/right padding or side strip. */
#lectureCard .lecture-thumb {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:116px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:6px 6px 0 0 !important;
  background:#fff !important;
  line-height:1 !important;
}
#lectureCard .lecture-thumb img {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:cover !important;
}
#lectureCard .lecture-thumb img:not(.ready) { display:none !important; }
#lectureCard #lectureProductFallback {
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 8px !important;
  color:#a4471d !important;
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-align:center !important;
  word-break:break-all !important;
}
#lectureCard .lecture-thumb img.ready + #lectureProductFallback { display:none !important; }
/* Animated explanation badge at the upper-left corner. */
#lectureCard .lecture-status {
  position:absolute !important;
  z-index:8 !important;
  top:7px !important;
  left:7px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  height:21px !important;
  box-sizing:border-box !important;
  padding:0 7px 0 5px !important;
  border-radius:5px !important;
  background:rgba(18,20,24,.88) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:21px !important;
  white-space:nowrap !important;
}
#lectureCard .lecture-status-icon {
  position:relative !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  border-radius:50% !important;
  background:#ff6437 !important;
  box-shadow:0 0 0 0 rgba(255,100,55,.55) !important;
  animation:lecture-status-pulse 1.15s ease-out infinite !important;
}
#lectureCard .lecture-status-icon:before,
#lectureCard .lecture-status-icon:after {
  content:"" !important;
  position:absolute !important;
  top:3px !important;
  width:2px !important;
  height:7px !important;
  border-radius:2px !important;
  background:#fff !important;
}
#lectureCard .lecture-status-icon:before { left:4px !important; }
#lectureCard .lecture-status-icon:after { left:8px !important; top:4px !important; height:5px !important; }
@keyframes lecture-status-pulse {
  0% { box-shadow:0 0 0 0 rgba(255,100,55,.62); transform:scale(.88); }
  60% { box-shadow:0 0 0 6px rgba(255,100,55,0); transform:scale(1); }
  100% { box-shadow:0 0 0 0 rgba(255,100,55,0); transform:scale(.88); }
}
/* Name and price below the full-bleed image. */
#lectureCard .lecture-copy {
  position:absolute !important;
  z-index:5 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  width:auto !important;
  height:57px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:4px 9px !important;
  overflow:hidden !important;
  background:#ffefcf !important;
}
#lectureCard #lectureName {
  display:block !important;
  width:100% !important;
  height:20px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#3a2b21 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:20px !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#lectureCard #lecturePrice {
  display:block !important;
  width:100% !important;
  height:20px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#e94b2e !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:20px !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
/* The strip starts exactly at the card bottom: no gap. */
#hotSaleCard.hot-sale-card,
#hotSaleCard.hot-sale-card[hidden] {
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:72px !important;
  z-index:110 !important;
  width:auto !important;
  height:60px !important;
  min-height:60px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:linear-gradient(100deg,#ff8b29 0%,#ff6637 55%,#ff4934 100%) !important;
  overflow:visible !important;
  box-shadow:none !important;
}
#hotSaleCard.hot-sale-card[hidden] { display:none !important; visibility:hidden !important; pointer-events:none !important; }
#hotSaleCard .hot-sale-product {
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:148px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#hotSaleCard .hot-product-visual,
#hotSaleCard .hot-product-info,
#hotSaleCard #hotProductImage,
#hotSaleCard #hotProductName,
#hotSaleCard #hotProductPrice { display:none !important; }
#hotSaleCard .hot-sale-buy {
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:142px !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:#ffefcf !important;
  color:#e84b2f !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:36px !important;
  white-space:nowrap !important;
}
@media (max-width:390px) {
  #lectureCard.lecture-card { right:8px !important; width:146px !important; height:162px !important; bottom:126px !important; }
  #lectureCard .lecture-thumb { height:104px !important; }
  #lectureCard .lecture-copy { height:55px !important; }
  #hotSaleCard.hot-sale-card { left:8px !important; right:8px !important; bottom:68px !important; height:58px !important; min-height:58px !important; }
  #hotSaleCard .hot-sale-product { width:146px !important; }
  #hotSaleCard .hot-sale-buy { width:76px !important; height:29px !important; line-height:29px !important; }
}