
html.wbm-modal-lock,
body.wbm-modal-lock{overflow:hidden!important;}

/* kill all old popups */
.woosb-popup-overlay-safe,
.woosb-popup-safe,
.woosb-popup-content-safe,
.woosb-popup-actions-safe,
.woosb-popup-x-safe{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

/* product card exact layout */
.woosb-product.wbm-card-ready{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  background:#fff!important;
  border:2px solid #b9bec5!important;
  border-radius:28px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
  display:block!important;
  padding:0!important;
}
.woosb-product.wbm-card-ready>.woosb-thumb,
.woosb-product.wbm-card-ready>.woosb-title,
.woosb-product.wbm-card-ready>.woosb-quantity,
.woosb-product.wbm-card-ready>.woosb-price,
.woosb-product.wbm-card-ready .woosb-variable-summary,
.woosb-product.wbm-card-ready .woosb-variable-ui,
.woosb-product.wbm-card-ready .woosb-availability,
.woosb-product.wbm-card-ready .woosb-selected-variation-text,
.woosb-product.wbm-card-ready .wptete-selected-config{display:none!important;}

.woosb-product.wbm-card-ready .wbm-card__title{
  margin:0!important;padding:20px 22px 18px!important;font-size:22px!important;line-height:1.15!important;
  font-weight:800!important;text-transform:uppercase!important;border-bottom:2px solid #c9ced4!important;color:#000!important;
}
.woosb-product.wbm-card-ready .wbm-card__body{
  display:grid!important;grid-template-columns:minmax(0,1fr) 140px!important;gap:16px!important;padding:16px 22px 20px!important;align-items:center!important;
}
.woosb-product.wbm-card-ready .wbm-card__content{min-width:0!important;}
.woosb-product.wbm-card-ready .wbm-card__button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:58px!important;
  padding:14px 18px!important;background:#000!important;color:#fff!important;border:0!important;border-radius:22px!important;
  font-size:14px!important;line-height:1.1!important;font-weight:800!important;text-transform:uppercase!important;cursor:pointer!important;
  text-align:center!important;box-shadow:none!important;text-decoration:none!important;
}
.woosb-product.wbm-card-ready .wbm-card__meta{margin-top:14px!important;font-size:14px!important;line-height:1.45!important;color:#222!important;}
.woosb-product.wbm-card-ready .wbm-card__meta p{margin:0 0 10px!important;}
.woosb-product.wbm-card-ready .wbm-card__label{color:#666!important;font-weight:400!important;}
.woosb-product.wbm-card-ready .wbm-card__media{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;}
.woosb-product.wbm-card-ready .wbm-card__image-box{
  width:100%!important;max-width:140px!important;aspect-ratio:1/1!important;border:2px solid #c1c6cc!important;border-radius:18px!important;background:#fff!important;padding:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.woosb-product.wbm-card-ready .wbm-card__image-box img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#f6f4f2!important;border-radius:12px!important;
}


.woosb-products.woosb-products-layout-list{gap:14px!important;}
.woosb-product.wbm-card-ready,
.woosb-product.wbm-card-ready *{box-sizing:border-box!important;}
.woosb-product.wbm-card-ready .wbm-card__button br{display:none!important;}
.woosb-product.wbm-card-ready .woosb-thumb-ori img,
.woosb-product.wbm-card-ready .woosb-thumb-new img{max-width:100%!important;height:auto!important;}

/* popup exact layout */
#wbm-modal{position:fixed;inset:0;display:none;z-index:999999!important;}
#wbm-modal.is-visible{display:block!important;}
#wbm-modal .wbm-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(4px);}
#wbm-modal .wbm-modal__dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:780px;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25);}
#wbm-modal .wbm-modal__inner{padding:28px 30px 18px;}
#wbm-modal .wbm-modal__header{margin-bottom:22px;}
#wbm-modal .wbm-modal__title{margin:0 0 6px;font-size:28px;line-height:1.1;font-weight:800;text-transform:uppercase;color:#111;}
#wbm-modal .wbm-modal__subtitle{margin:0;font-size:16px;line-height:1.4;color:#666;}
#wbm-modal .wbm-modal__grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start;}
#wbm-modal .wbm-modal__left{min-width:0;}
#wbm-modal .wbm-modal__right{display:flex;justify-content:center;align-items:flex-start;}
#wbm-modal .wbm-modal__image-box{width:100%;aspect-ratio:1/1;border:2px solid #cfd4d8;border-radius:14px;background:#fff;padding:14px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
#wbm-modal .wbm-modal__image-box img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:10px;background:#f7f7f7;}
#wbm-modal .wbm-field{margin-bottom:22px;}
#wbm-modal .wbm-field__label{display:block;margin-bottom:12px;font-size:18px;font-weight:700;color:#111;}
#wbm-modal .wbm-footer{display:flex;justify-content:space-between;gap:14px;padding:18px 30px;border-top:1px solid #d8dde1;background:#fff;}
#wbm-modal .wbm-btn{min-width:146px;height:46px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;padding:0 22px;transition:.2s ease;}
#wbm-modal .wbm-btn--ghost{background:#fff;color:#111;border:1px solid #c8ced3;}
#wbm-modal .wbm-btn--ghost:hover{background:#f5f6f7;}
#wbm-modal .wbm-btn--primary{background:#000;color:#fff;border:1px solid #000;}
#wbm-modal .wbm-btn--primary:hover{opacity:.92;}
#wbm-modal .wbm-summary{display:flex;align-items:center;gap:10px;border:1px solid #57a8df;background:#eef7ff;color:#222;border-radius:8px;padding:12px 14px;font-size:16px;line-height:1.35;}
#wbm-modal .wbm-summary__icon{width:20px;height:20px;border-radius:999px;background:#2d84c6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 auto;}

/* selectors styling inside popup */
#wbm-modal .variations_form .woocommerce-variation,
#wbm-modal .variations_form .single_variation_wrap,
#wbm-modal .variations_form .woocommerce-variation-add-to-cart,
#wbm-modal .variations_form .single_add_to_cart_button,
#wbm-modal .variations_form .reset_variations,
#wbm-modal #yith-wapo-container,
#wbm-modal .wc-stripe-clear,
#wbm-modal .wc-stripe-product-checkout-container,
#wbm-modal wc-order-attribution-inputs{display:none!important;}
#wbm-modal .variations{width:100%;border:0;margin:0;}
#wbm-modal .variations tbody,#wbm-modal .variations tr,#wbm-modal .variations td{display:block;width:100%!important;}
#wbm-modal .variations td.label{padding:0 0 10px!important;}
#wbm-modal .variations td.label label{display:block;margin-bottom:12px;font-size:18px;font-weight:700;color:#111;}
#wbm-modal .variations td.value{padding:0 0 22px!important;}
#wbm-modal .swatch-hidden{display:none!important;}
#wbm-modal .custom-swatches{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#wbm-modal .custom-swatch{cursor:pointer;transition:.2s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;}
#wbm-modal .custom-swatch-color{width:48px;height:48px;border-radius:999px;border:2px solid #d4d4d4;}
#wbm-modal .custom-swatch-color.selected{box-shadow:0 0 0 3px #d92c2c inset,0 0 0 2px #d92c2c;border-color:#fff;}
#wbm-modal .custom-swatch-label{min-width:64px;height:42px;border:1px solid #cfd4d8;border-radius:6px;background:#f3f4f5;color:#8a8a8a;font-size:16px;padding:0 14px;}
#wbm-modal .custom-swatch-label.selected{background:linear-gradient(180deg,#ef4d3e,#dd241d);color:#fff;border-color:#d23025;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);}
#wbm-modal .custom-swatch-selected-name{margin-top:8px;font-size:16px;color:#111;min-height:20px;}
#wbm-modal .wbm-qtybox{display:inline-flex;align-items:stretch;border:1px solid #cfd4d8;border-radius:8px;overflow:hidden;background:#fff;}
#wbm-modal .wbm-qtybox button,#wbm-modal .wbm-qtybox .wbm-qtybox__value{width:48px;height:44px;border:0;background:#fff;font-size:20px;}
#wbm-modal .wbm-qtybox button{cursor:pointer;color:#222;}
#wbm-modal .wbm-qtybox button:hover{background:#f3f5f6;}
#wbm-modal .wbm-qtybox .wbm-qtybox__value{display:flex;align-items:center;justify-content:center;border-left:1px solid #d8dde1;border-right:1px solid #d8dde1;font-size:18px;}
#wbm-modal .wbm-hidden-qty{display:none!important;}

@media (max-width:980px){
  .woosb-product.wbm-card-ready .wbm-card__body{grid-template-columns:1fr!important;}
  .woosb-product.wbm-card-ready .wbm-card__media{justify-content:flex-start!important;}
  .woosb-product.wbm-card-ready .wbm-card__image-box{max-width:140px!important;}
}
@media (max-width:760px){
  #wbm-modal .wbm-modal__grid{grid-template-columns:1fr;}
  #wbm-modal .wbm-modal__right{order:-1;}
  #wbm-modal .wbm-modal__image-box{max-width:240px;}
  #wbm-modal .wbm-footer{flex-direction:column-reverse;}
  #wbm-modal .wbm-btn{width:100%;}
}
@media (max-width:640px){
  .woosb-product.wbm-card-ready .wbm-card__title{padding:18px 16px!important;font-size:20px!important;}
  .woosb-product.wbm-card-ready .wbm-card__body{padding:16px!important;gap:16px!important;}
  .woosb-product.wbm-card-ready .wbm-card__button{min-height:54px!important;font-size:14px!important;border-radius:16px!important;}
  .woosb-product.wbm-card-ready .wbm-card__meta{font-size:14px!important;}
}

/* modal variation table border reset */
#wbm-modal .variations,
#wbm-modal .variations tbody,
#wbm-modal .variations tr,
#wbm-modal .variations td,
#wbm-modal .variations th{border:0!important;box-shadow:none!important;background:transparent!important;}
#wbm-modal .variations tr::before,
#wbm-modal .variations tr::after,
#wbm-modal .variations td::before,
#wbm-modal .variations td::after{display:none!important;}

#wbm-modal .variations td.value{border-bottom:0!important;}
#wbm-modal .variations tr{border-bottom:0!important;}
#wbm-modal .custom-swatch.wbm-unavailable{opacity:.35!important;text-decoration:line-through!important;filter:grayscale(1)!important;cursor:not-allowed!important;position:relative;}
#wbm-modal .custom-swatch-label.wbm-unavailable{background:#ececec!important;color:#888!important;border-color:#d0d0d0!important;}
#wbm-modal .custom-swatch-color.wbm-unavailable::after{content:'';position:absolute;left:8px;right:8px;top:50%;height:2px;background:#8d8d8d;transform:rotate(-35deg);}


/* 0.0.14 compatibility fixes */
#wbm-modal .variations,
#wbm-modal .variations tbody,
#wbm-modal .variations tr,
#wbm-modal .variations td,
#wbm-modal .variations th{
  border:0 !important;
  box-shadow:none !important;
}

#wbm-modal .custom-swatch.wbm-unavailable{
  opacity:.35 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
  position:relative;
}

#wbm-modal .custom-swatch.wbm-unavailable::after{
  content:"";
  position:absolute;
  top:50%;
  left:6px;
  right:6px;
  height:2px;
  background:#666;
  transform:rotate(-20deg);
}

.woosb-wrap + form.cart .single_add_to_cart_button,
.product-type-woosb form.cart .single_add_to_cart_button{
  opacity:1 !important;
  transition:none !important;
}
