/* ========== Upsell layout (giữ nguyên) ========== */
.upsell-products-container{width:100%;margin:0 0 20px 0}
.upsell-products-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.upsell-item{display:flex;align-items:center;min-width:200px;flex:0 0 auto}
.upsell-checkbox{width:18px;height:18px;margin-right:8px;cursor:pointer;flex-shrink:0}
.upsell-info{font-size:15px;color:#111;font-weight:700;line-height:1.5em}

/* ========== Duration layout (giữ nguyên) ========== */
.product-variations-container{width:100%;margin:20px 0}
.variation-row{display:flex;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--e-global-color-accent)}
.check-variable{width:18px;height:18px;text-align:center}
.check-variable input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.price-variable{width:calc(100% / 2 - 18px / 2);padding:0 10px;font-size:15px;color:#111;font-weight:700;line-height:1.5em}
.name-variable{width:calc(100% / 2 - 18px / 2);padding:0 10px;font-size:15px;color:#111;font-weight:700;line-height:1.5em}

/* ========== Popup gộp (dùng chung cho Duration & Upsell) ========== */
.webify-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999}
#webifyCartPopup .popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#FFF;padding:30px;text-align:center;min-width:300px;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.popup-message{margin-bottom:20px;font-size:16px;color:#333}
.popup-buttons{display:flex;gap:15px;justify-content:center}
.popup-btn{padding:10px 20px;border:none;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;transition:background-color .3s}
.popup-btn.more-service{background-color:#6c757d;color:#fff}
.popup-btn.more-service:hover{background-color:#5a6268}
.popup-btn.book-now{background-color:#28a745;color:#fff}
.popup-btn.book-now:hover{background-color:#218838}

/* ========== Ẩn link View Cart trong loop (AJAX add-to-cart mặc định) ========== */
.woocommerce a.added_to_cart.wc-forward{display:none !important;}

@media (max-width:767px){
  #webifyCartPopup .popup-content{padding:20px 15px;width:95vw}
  .upsell-products-grid{gap:20px}
  .upsell-item{min-width:150px}
}
@media (max-width:480px){
  .upsell-products-grid{flex-direction:column;gap:15px}
  .upsell-item{min-width:100%}
}