.wcfg-block{border:1px solid #e6e6e6;border-radius:10px;padding:12px;margin:10px 0;background:#fff}
.wcfg-block .wcfg-state-label{font-weight:700;margin-bottom:10px}
.wcfg-block.wcfg-met{border-color:#b7e1b7;background:#f1fff1}
.wcfg-block.wcfg-not-met{opacity:.88}
.wcfg-block.wcfg-empty{opacity:.75}
.wcfg-row{display:flex;gap:12px;align-items:center}
.wcfg-thumb img{width:44px;height:44px;object-fit:cover;border-radius:8px}
.wcfg-thumb-placeholder{width:44px;height:44px;border-radius:8px;background:#f1f1f1}
.wcfg-info{flex:1}
.wcfg-price del{opacity:.65}
.wcfg-free{margin-left:8px;color:#15803d;font-weight:800}
.wcfg-action .wcfg-added{font-weight:700;color:#15803d}
.wcfg-add-gift.loading{opacity:.7}

.wcfg-notice{position:fixed;right:16px;bottom:16px;background:#111;color:#fff;padding:10px 12px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:999999}
.wcfg-notice.show{opacity:1;transform:translateY(0)}
.wcfg-qty-fixed{display:inline-block;padding:2px 8px;border:1px solid #ddd;border-radius:6px;background:#fafafa}


/* Modal popup for gift */
.wcfg-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.wcfg-modal.open{opacity:1;pointer-events:auto;}
.wcfg-modal-overlay{position:absolute;inset:0;background:rgba(15,23,42,.55) !important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1;}
/* Backward compatibility: older promo markup used .wcfg-modal-backdrop */
.wcfg-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55) !important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1;}
.wcfg-modal-dialog{position:relative;z-index:10;max-width:520px;width:calc(100% - 32px);background:#fff !important;border-radius:16px;padding:14px 14px 12px;box-shadow:0 24px 70px rgba(0,0,0,.35);}
/* Alias requested by user: keep popup above overlay */
.wcfg-modal-panel{position:relative;z-index:10;padding:20px;}
.wcfg-modal-title{font-weight:800;font-size:18px;line-height:1.2;padding:4px 32px 0 6px;} 
.wcfg-modal-close{position:absolute;top:10px;right:12px;border:0;background:rgba(17,24,39,.06);width:38px;height:38px;border-radius:999px;font-size:22px;line-height:1;cursor:pointer;color:#111827;display:flex;align-items:center;justify-content:center;}
.wcfg-modal-close:hover{background:rgba(17,24,39,.10);}
.wcfg-modal-body{margin-top:12px;} 
.wcfg-modal .wcfg-block{margin:0;}

/* Product page promo popup */
/* Keep overlay UNDER the panel/dialog */
.wcfg-modal.wcfg-promo .wcfg-modal-overlay{z-index:1;}
.wcfg-modal.wcfg-promo .wcfg-modal-dialog{z-index:10;position:relative;}
.wcfg-modal.wcfg-promo .wcfg-modal-dialog{max-width:560px;padding:0;overflow:hidden;border-radius:18px;background:#fff !important;}
.wcfg-promo-card{padding:18px 18px 16px;background:#fff;}
.wcfg-promo-hero{padding:22px 18px 10px;text-align:center;background:linear-gradient(180deg,#eef2ff 0%,#f8fafc 100%) !important;}
.wcfg-promo-hero svg{width:78px;height:78px;}
.wcfg-promo-hero-icon{font-size:54px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;margin:0 auto;border-radius:999px;background:#ffffff;box-shadow:0 10px 25px rgba(17,24,39,.08);}
.wcfg-promo-subtitle{margin:8px 0 0;color:#1d4ed8;font-weight:800;letter-spacing:0.08em;font-size:12px;text-transform:uppercase;}
.wcfg-promo-title{margin:10px 0 0;font-size:22px;line-height:1.2;font-weight:900;color:#111827;padding:0 14px;}
.wcfg-promo-text{margin:10px auto 0;max-width:440px;color:#374151;font-size:15px;line-height:1.4;padding:0 14px;}
.wcfg-promo-gift{margin:16px 18px 0;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;display:flex;gap:12px;align-items:center;}
.wcfg-promo-gift img{width:64px;height:64px;border-radius:12px;object-fit:cover;}
.wcfg-promo-gift-name{font-weight:800;color:#111827;line-height:1.2;}
.wcfg-promo-actions{padding:16px 18px 18px;}
.wcfg-promo-actions .wcfg-promo-btn{width:100%;padding:14px 16px;font-weight:900;border-radius:14px;border:0;cursor:pointer;background:#1d4ed8 !important;color:#ffffff !important;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 30px rgba(29,78,216,.22);appearance:none;-webkit-appearance:none;}
.wcfg-promo-actions .wcfg-promo-btn:hover{filter:brightness(0.98);}
.wcfg-promo-actions .wcfg-promo-btn:active{transform:translateY(1px);}
.wcfg-promo-actions .wcfg-promo-btn:focus{outline:2px solid rgba(29,78,216,.35);outline-offset:2px;}

@media (max-width:480px){
  .wcfg-modal.wcfg-promo .wcfg-modal-dialog{width:calc(100% - 18px);}
  .wcfg-promo-hero{padding:16px 14px 6px;}
  .wcfg-promo-title{font-size:18px;padding:0 10px;}
  .wcfg-promo-text{font-size:14px;padding:0 10px;}
  .wcfg-promo-gift{margin:14px 14px 0;padding:10px;}
  .wcfg-promo-actions{padding:14px;}
}

/* Alias requested: panel styles */
.wcfg-modal-panel{position:relative;z-index:10;padding:20px;}

/* Mobile responsiveness */
@media (max-width: 480px){
  .wcfg-modal-dialog{width:calc(100% - 20px);max-width:420px;padding:12px 12px 10px;border-radius:14px;}
  .wcfg-modal-title{font-size:16px;padding:2px 40px 0 4px;}
  .wcfg-modal-close{top:6px;right:8px;font-size:22px;}

  .wcfg-block{padding:12px;}
  .wcfg-state-label{margin-bottom:8px;font-size:14px;}
  .wcfg-row{flex-wrap:wrap;gap:10px;}
  .wcfg-thumb{flex:0 0 44px;}
  .wcfg-info{flex:1 1 calc(100% - 56px);min-width:0;}
  .wcfg-name{font-size:14px;line-height:1.25;word-break:break-word;}
  .wcfg-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;}
  .wcfg-action{flex:1 0 100%;display:flex;justify-content:flex-end;}
  .wcfg-action .button{width:100%;padding:12px 14px;}
}