.mfb-half-half-product {
  box-sizing: border-box;
}

.mfb-half-half-product .left .image {
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

.mfb-half-half-product .catImage {
  cursor: pointer;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.mfb-half-half-product .catImage img {
  display: block;
  height: 100% !important;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100% !important;
}

.mfb-half-half-product .mfb-half-half-size-button {
  box-sizing: border-box;
  cursor: pointer;
  font: inherit;
  margin: 0;
  width: 118px;
}

.mfb-half-half-product .mfb-half-half-size-button .sizeprice,
.mfb-half-half-product .mfb-half-half-size-button .basket {
  display: inline-block;
  vertical-align: middle;
}

.mfb-half-half-product .mfb-half-half-size-button .basket:before {
  color: #fff;
  content: "\f291";
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 15px;
}

.mfb-half-half-product .mfb-half-half-size-button.cart-active {
  background: var(--mfb-brand, #17234b) !important;
  border-color: var(--mfb-brand, #17234b) !important;
  color: var(--mfb-on-brand, #fff) !important;
}

.mfb-half-half-product .mfb-half-half-size-button.cart-active .show-carttext,
.mfb-half-half-product .mfb-half-half-size-button.cart-active .basket:before {
  color: var(--mfb-on-brand, #fff) !important;
}

/* The dialog owns one bounded shell; only its choices body scrolls. */
.mfb-half-half-dialog[hidden] {display:none!important}
.mfb-half-half-dialog {
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  position:fixed;top:var(--mfb-popup-viewport-top,0px);left:var(--mfb-popup-viewport-left,0px);
  width:var(--mfb-popup-viewport-width,100vw);height:var(--mfb-popup-viewport-height,100vh);
  padding:16px;z-index:2147483100;font:14px/1.4 Arial,Helvetica,sans-serif;color:#222;
}
.mfb-half-half-backdrop {position:absolute;inset:0;background:rgba(15,23,42,.55);z-index:0}
.mfb-half-half-panel {
  box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:1;
  width:100%;max-width:820px;min-width:0;min-height:0;height:auto;
  max-height:calc(var(--mfb-popup-viewport-height,100vh) - 32px);
  margin:0;border:1px solid #d6d6d6;border-radius:18px;overflow:hidden;padding:0;
  background:#f4f4f4;box-shadow:0 24px 70px #0004;
}
.mfb-half-half-panel .mfb-half-half-header {
  display:flex;align-items:center;flex:0 0 auto;position:relative;box-sizing:border-box;
  min-height:64px;padding:17px 64px 17px 20px;margin:0;border:0;border-bottom:1px solid #cfcfcf;
  background:#fff;color:#242424;
}
.mfb-half-half-panel header > div {min-width:0;display:flex;flex-direction:column;gap:4px}
.mfb-half-half-panel header strong {font:700 20px/1.3 Arial,Helvetica,sans-serif;color:inherit;overflow-wrap:anywhere}
.mfb-half-half-close {
  display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;
  width:44px;height:44px;min-width:44px;margin:0;padding:0;box-sizing:border-box;border:1px solid #bcbcbc;
  border-radius:12px;background:#f4f4f4;color:#333;font:24px/1 Arial,Helvetica,sans-serif;cursor:pointer;
}
.mfb-half-half-body {box-sizing:border-box;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 18px}
.mfb-half-half-intro {margin:0 0 12px;color:#555;font:14px/1.4 Arial,Helvetica,sans-serif}
.mfb-half-half-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mfb-half-half-column {min-width:0;border:1px solid #d1d1d1;border-radius:12px;overflow:hidden;background:#fff}
.mfb-half-half-column-title {display:flex;align-items:center;gap:9px;min-height:62px;box-sizing:border-box;padding:12px;background:#d6deea;border-bottom:1px solid #b5c0d0;color:#172238}
.mfb-half-half-column-number {display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#526481;color:#fff;font-weight:700}
.mfb-half-half-column-title strong,.mfb-half-half-column-title small {display:block;color:#333;font-family:Arial,Helvetica,sans-serif}
.mfb-half-half-column-title strong {font-size:16px;line-height:1.3}
.mfb-half-half-column-title small {font-size:12px;color:#666;margin-top:2px}
.mfb-half-half-choice-list {display:grid;gap:8px;padding:10px}
.mfb-half-half-choice {
  display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;position:relative;box-sizing:border-box;
  width:100%;min-height:52px;margin:0;padding:10px;border:1px solid #d8d8d8;border-radius:9px;background:#fff;cursor:pointer;
}
.mfb-half-half-choice:hover {border-color:#999}
.mfb-half-half-choice:focus-within {outline:2px solid #2563eb;outline-offset:2px}
.mfb-half-half-choice.is-selected {background:#f1f1f1;border-color:var(--mfb-brand,#17234b)}
.mfb-half-half-choice input {position:absolute;width:1px;height:1px;opacity:0}
.mfb-half-half-choice-name {min-width:0;overflow-wrap:anywhere;color:#222;font:600 14px/1.35 Arial,Helvetica,sans-serif}
.mfb-half-half-choice-control {box-sizing:border-box;width:20px;height:20px;border:2px solid #9a9a9a;border-radius:50%;background:#fff}
.mfb-half-half-choice input:checked + .mfb-half-half-choice-name + .mfb-half-half-choice-control {background:var(--mfb-brand,#17234b);border-color:var(--mfb-brand,#17234b);box-shadow:inset 0 0 0 4px #fff}
.mfb-half-half-error {display:none;flex:0 0 auto;box-sizing:border-box;max-height:90px;overflow:auto;margin:0;padding:10px 18px;border-top:1px solid #fecaca;background:#fff1f2;color:#991b1b;font:600 14px/1.35 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.mfb-half-half-error:not(:empty) {display:block}
.mfb-half-half-panel .mfb-half-half-footer {
  position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;float:none!important;z-index:1;
  display:grid;grid-template-columns:64px minmax(0,1fr) 124px;align-items:center;gap:12px;flex:0 0 auto;
  box-sizing:border-box;min-height:0;margin:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));
  border:0;border-top:1px solid #d7d7d7;background:#fff;box-shadow:0 -4px 18px #00000008;
}
.mfb-half-half-total {min-width:0;justify-self:center;color:#222;font:700 20px/1.3 Arial,Helvetica,sans-serif;text-align:center;overflow-wrap:anywhere}
.mfb-half-half-total [data-half-half-total] {white-space:nowrap}
.mfb-half-half-back,.mfb-half-half-add {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  min-width:0!important;min-height:44px!important;height:auto!important;width:100%!important;margin:0!important;padding:10px 8px!important;
  border:1px solid #ccc!important;border-radius:10px!important;background:#f5f5f5!important;color:#333!important;
  font:700 14px/1.25 Arial,Helvetica,sans-serif!important;text-transform:none!important;text-decoration:none!important;
  text-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;
}
.mfb-half-half-back .fa {margin-right:5px}
.mfb-half-half-add {border-color:var(--mfb-brand,#17234b)!important;background:var(--mfb-brand,#17234b)!important;color:var(--mfb-on-brand,#fff)!important}
.mfb-half-half-add:disabled {cursor:wait!important;opacity:.6}
.mfb-half-half-panel button:focus-visible {outline:3px solid #2563eb;outline-offset:2px}
html.mfb-half-half-open,html.mfb-half-half-open body {overflow:hidden!important}
@media(max-width:720px) {
  .mfb-half-half-product .mfb-half-half-size-button {width:112px}
  .mfb-half-half-dialog {padding:8px}
  .mfb-half-half-panel {max-height:calc(var(--mfb-popup-viewport-height,100vh) - 16px);border-radius:14px}
  .mfb-half-half-panel .mfb-half-half-header {min-height:60px;padding:16px 60px 16px 14px}
  .mfb-half-half-panel header strong {font-size:17px}
  .mfb-half-half-close {top:8px;right:8px}
  .mfb-half-half-body {padding:10px}
  .mfb-half-half-columns {gap:8px}
  .mfb-half-half-column-title {gap:6px;padding:8px;min-height:62px}
  .mfb-half-half-column-number {flex-basis:24px;width:24px;height:24px;font-size:12px}
  .mfb-half-half-column-title strong {font-size:14px}
  .mfb-half-half-column-title small {font-size:11px}
  .mfb-half-half-choice-list {padding:7px;gap:7px}
  .mfb-half-half-choice {grid-template-columns:minmax(0,1fr) 18px;gap:6px;min-height:52px;padding:8px}
  .mfb-half-half-choice-name {font-size:12px}
  .mfb-half-half-choice-control {width:18px;height:18px}
  .mfb-half-half-panel .mfb-half-half-footer {grid-template-columns:58px minmax(0,1fr) 106px;gap:8px;padding:10px 10px max(10px,env(safe-area-inset-bottom))}
  .mfb-half-half-total {font-size:16px}
  .mfb-half-half-back,.mfb-half-half-add {font-size:13px!important}
}