/* Baskibu Designer 0.25.26 — RE/MAX calm corporate UX final */

/* --------------------------------------------------------------------------
   1) Quality drawer lives at BODY level: fixed overlay, zero layout ownership.
   -------------------------------------------------------------------------- */
body > .bbd-quality-drawer.bbd-02526-quality-portal{
  position:fixed!important;
  top:var(--bbd-02526-editor-top,56px)!important;
  right:var(--bbd-02526-editor-right,0px)!important;
  bottom:var(--bbd-02526-editor-bottom,0px)!important;
  left:auto!important;
  contain:layout paint!important;
  z-index:2147483200!important;
  max-width:calc(100vw - var(--bbd-02526-editor-left,0px))!important;
}
body > .bbd-quality-drawer-backdrop.bbd-02526-quality-portal{
  position:fixed!important;
  top:var(--bbd-02526-editor-top,56px)!important;
  right:var(--bbd-02526-editor-right,0px)!important;
  bottom:var(--bbd-02526-editor-bottom,0px)!important;
  left:var(--bbd-02526-editor-left,0px)!important;
  width:auto!important;
  height:auto!important;
  contain:strict!important;
  z-index:2147483100!important;
}
body > .bbd-quality-drawer-backdrop.bbd-02526-quality-portal:not([hidden]){opacity:1!important}

/* --------------------------------------------------------------------------
   2) Template confirmation belongs to the selected card, never a sticky footer.
   -------------------------------------------------------------------------- */
.bbd-02526-final [data-panel-content="templates"].bbd-02526-inline-template-action{
  padding-bottom:16px!important;
}
.bbd-02526-final [data-panel-content="templates"].bbd-02526-inline-template-action .bbd-template-choice-bar{
  display:none!important;
}
.bbd-02526-final .bbd-template-card.is-template-candidate .bbd-template-card__preview-action{
  display:none!important;
}
.bbd-02526-template-use{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:2px!important;
  padding:0 10px!important;
  border:1px solid #0b7a6a!important;
  border-radius:10px!important;
  background:#0b7a6a!important;
  color:#fff!important;
  font:inherit!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  cursor:pointer!important;
  box-shadow:0 5px 14px rgba(11,122,106,.16)!important;
}
.bbd-02526-template-use b{font-size:14px!important;line-height:1!important;font-weight:700!important}
.bbd-02526-template-use:hover,.bbd-02526-template-use:focus-visible{
  filter:brightness(.96)!important;
  outline:2px solid rgba(11,122,106,.18)!important;
  outline-offset:2px!important;
}

/* --------------------------------------------------------------------------
   3) RE/MAX customer media = photo only. Generic decoration library is hidden.
   -------------------------------------------------------------------------- */
.bbd-02526-remax-photo-only [data-panel-content="image"] .bbd-v90-media-section--assets,
.bbd-02526-remax-photo-only [data-panel-content="image"] [data-bbd-v51-asset-library]{
  display:none!important;
  visibility:hidden!important;
}
.bbd-02526-remax-photo-only [data-panel-content="image"] .bbd-v90-media-stack{
  gap:10px!important;
}
.bbd-02526-remax-photo-only [data-panel-content="image"] .bbd-corporate-photo-help{
  margin-top:4px!important;
}

/* --------------------------------------------------------------------------
   4) RE/MAX 2D mockup scenes: visible, product-relevant environments.
   Existing scene buttons still own state; this layer owns flat visual scenery.
   -------------------------------------------------------------------------- */
.bbd-02526-remax .bbd-product-preview__viewport.bbd-02526-remax-preview{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#e9edf0!important;
}
.bbd-02526-remax .bbd-product-preview__viewport.bbd-02526-remax-preview > .bbd-02526-scene-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transition:background .22s ease,filter .22s ease!important;
}
.bbd-02526-remax .bbd-product-preview__viewport.bbd-02526-remax-preview > .bbd-02526-scene-backdrop::before,
.bbd-02526-remax .bbd-product-preview__viewport.bbd-02526-remax-preview > .bbd-02526-scene-backdrop::after{
  content:"";
  position:absolute!important;
  pointer-events:none!important;
}
.bbd-02526-remax .bbd-product-preview__viewport.bbd-02526-remax-preview > #bbd-product-preview-canvas{
  position:relative!important;
  z-index:2!important;
  box-shadow:0 20px 46px rgba(15,23,42,.20),0 3px 12px rgba(15,23,42,.10)!important;
}
.bbd-02526-remax .bbd-v2349-preview-picker{
  z-index:8!important;
}

/* Duvar: warm architectural plaster + floor line. */
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="studio"] > .bbd-02526-scene-backdrop{
  background:
    radial-gradient(circle at 54% 30%,rgba(255,255,255,.98) 0,rgba(255,255,255,.48) 28%,rgba(255,255,255,0) 54%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,rgba(55,65,81,.015) 1px 4px),
    linear-gradient(180deg,#e8e4de 0 72%,#d8d1c9 72% 73%,#bcb3a9 73% 100%)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="studio"] > .bbd-02526-scene-backdrop::after{
  left:0!important;right:0!important;bottom:26%!important;height:1px!important;
  background:rgba(75,68,61,.18)!important;
  box-shadow:0 14px 28px rgba(35,31,28,.10)!important;
}

/* Balkon: daylight skyline + glass railing. */
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="retail"] > .bbd-02526-scene-backdrop{
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.95) 0 7%,rgba(255,255,255,0) 25%),
    linear-gradient(180deg,#bcd9ec 0 43%,#dfe8eb 43% 64%,#9eabb0 64% 65%,#d4d5d2 65% 100%)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="retail"] > .bbd-02526-scene-backdrop::before{
  left:0!important;right:0!important;bottom:35%!important;height:27%!important;
  background:
    linear-gradient(90deg,
      transparent 0 4%,rgba(77,96,107,.16) 4% 10%,transparent 10% 13%,
      rgba(77,96,107,.12) 13% 19%,transparent 19% 24%,rgba(77,96,107,.18) 24% 32%,
      transparent 32% 39%,rgba(77,96,107,.13) 39% 46%,transparent 46% 52%,
      rgba(77,96,107,.17) 52% 61%,transparent 61% 66%,rgba(77,96,107,.12) 66% 74%,
      transparent 74% 81%,rgba(77,96,107,.16) 81% 91%,transparent 91% 100%);
  filter:blur(.2px)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="retail"] > .bbd-02526-scene-backdrop::after{
  left:0!important;right:0!important;bottom:10%!important;height:23%!important;
  border-top:5px solid rgba(50,63,72,.78)!important;
  border-bottom:3px solid rgba(50,63,72,.64)!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 18%,rgba(48,62,72,.62) 18% 18.7%,transparent 18.7% 36%),
    linear-gradient(180deg,rgba(224,240,247,.26),rgba(177,199,209,.16))!important;
  box-shadow:0 -2px 0 rgba(255,255,255,.48) inset!important;
}

/* Ofis: bright wall/window geometry, calmer than a trade-fair booth. */
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="fair"] > .bbd-02526-scene-backdrop{
  background:linear-gradient(180deg,#f0f2f1 0 73%,#d9d8d4 73% 100%)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="fair"] > .bbd-02526-scene-backdrop::before{
  top:8%!important;right:5%!important;width:31%!important;height:52%!important;
  border:7px solid rgba(255,255,255,.78)!important;
  background:
    linear-gradient(90deg,transparent 49%,rgba(255,255,255,.72) 49% 51%,transparent 51%),
    linear-gradient(180deg,transparent 49%,rgba(255,255,255,.72) 49% 51%,transparent 51%),
    linear-gradient(180deg,#c6dce9,#eef3f3)!important;
  box-shadow:0 6px 24px rgba(15,23,42,.08)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="fair"] > .bbd-02526-scene-backdrop::after{
  left:5%!important;bottom:8%!important;width:18%!important;height:12%!important;
  border-radius:12px 12px 4px 4px!important;
  background:#7b8583!important;
  box-shadow:0 14px 0 -8px rgba(15,23,42,.10)!important;
}

/* Clean: neutral commerce preview. */
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="clean"] > .bbd-02526-scene-backdrop{
  background:radial-gradient(circle at 50% 36%,#fff 0 24%,#f3f5f5 58%,#e5e9ea 100%)!important;
}
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="clean"] > .bbd-02526-scene-backdrop::before,
.bbd-02526-remax .bbd-product-preview__viewport[data-bbd-v2349-scene="clean"] > .bbd-02526-scene-backdrop::after{display:none!important}

@media(max-width:760px){
  body > .bbd-quality-drawer.bbd-02526-quality-portal{
    top:auto!important;left:var(--bbd-02526-editor-left,0px)!important;right:var(--bbd-02526-editor-right,0px)!important;bottom:var(--bbd-02526-editor-bottom,0px)!important;
    width:auto!important;max-width:none!important;
  }
  body > .bbd-quality-drawer-backdrop.bbd-02526-quality-portal{
    top:var(--bbd-02526-editor-top,0px)!important;
  }
  .bbd-02526-template-use{min-height:40px!important;font-size:10.5px!important}
}

@media(prefers-reduced-motion:reduce){
  .bbd-02526-remax .bbd-02526-scene-backdrop{transition:none!important}
}