/* MBS 0.1.293 — all catalogue/category photography is illustrative.
   Foreground labels and controls are kept sharp, no source images are changed. */
.mbs-illustration-bg {
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  background-color:#eae1d2 !important;
  background-image:none !important;
}
.mbs-illustration-bg::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-5px;
  pointer-events:none;
  background-image:var(--mbs-illustration-bg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  filter:blur(3px) saturate(.78) contrast(.9);
  transform:scale(1.035);
}
.mbs-illustration-bg::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(160deg,rgba(255,249,235,.22),rgba(245,232,209,.15) 55%,rgba(38,77,63,.13));
}
.mbs-illustration-bg > button,
.mbs-illustration-bg > .mbs-favorite-toggle,
.mbs-illustration-bg > span:not(.mbs-illustration-label) { z-index:3; }
/* Compact, accessible information icon; the full explanation opens on touch/click. */
.mbs-illustration-info {
  appearance:none; -webkit-appearance:none;
  box-sizing:border-box; position:absolute; z-index:10!important;
  left:6px; bottom:6px; width:22px; height:22px; min-width:22px; min-height:22px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.72); border-radius:50%;
  padding:0; margin:0; background:rgba(255,251,242,.94);
  box-shadow:0 2px 7px rgba(20,52,39,.18);
  color:#1b5443; font:800 13px/1 Georgia,serif;
  text-align:center; text-decoration:none;
  cursor:pointer; pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent;
}
.mbs-illustration-info:hover,
.mbs-illustration-info[aria-expanded="true"] {background:#1b5443; color:#fff;}
.mbs-illustration-info:focus-visible {outline:3px solid #c39043!important; outline-offset:2px;}
.mbs-illustration-info-tiny {left:3px; bottom:3px; width:18px; height:18px; min-width:18px; min-height:18px; font-size:11px;}
.mbs-illustration-help {
  position:fixed; z-index:2147483645; box-sizing:border-box;
  width:max-content; max-width:min(265px,calc(100vw - 16px));
  padding:10px 13px; border-radius:10px; border:1px solid #cbdad0;
  box-shadow:0 10px 24px rgba(22,51,40,.22);
  background:#fffdf7; color:#194a3c;
  font:500 12px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  pointer-events:none;
}
/* Direct IMG thumbnails retain their dimensions and do not move the layout. */
img.mbs-illustration-img {
  filter:blur(2.1px) saturate(.76) contrast(.91);
  opacity:.90;
}
.mbs-illustration-caption-parent,
.mbs-illustration-category-parent,
.mbs-illustration-detail-parent {position:relative;}
.mbs-illustration-category-parent .mbs-illustration-info {left:5px;top:65px;bottom:auto;width:20px;height:20px;min-height:20px;min-width:20px;}
.mbs-illustration-detail-parent .mbs-illustration-info-detail {left:14px;top:14px;bottom:auto;width:25px;height:25px;}
.mbs-product-admin-image > .mbs-illustration-info {left:7px;bottom:7px;}
/* Preserve interaction above decorative photography even with absolutely positioned buttons. */
.mbs-client-app .mbs-product-image > .mbs-favorite-toggle,
.mbs-client-app .mbs-product-image > .mbs-catalog-detail-image,
.mbs-manager-product-image > span:not(.mbs-illustration-info) {
  z-index:4 !important;
}
@media(max-width:760px){
  .mbs-illustration-info {width:20px;height:20px;min-width:20px;min-height:20px;}
  .mbs-illustration-info-tiny {width:17px;height:17px;min-width:17px;min-height:17px;}
}
@media(max-width:560px){.mbs-illustration-category-parent .mbs-illustration-info{top:58px;}}