/* Baskibu Designer 0.23.6
 * Responsive compact navigation + adaptive Product options sheet.
 * Final visual owner for <=1024px. No canvas, pricing or save logic changes.
 */

/* --------------------------------------------------------------------------
   TABLET: one floating app dock, not six bordered cards
   -------------------------------------------------------------------------- */
@media (min-width:761px) and (max-width:1024px){
  .bbd-app.bbd-pro-workspace-v0230-dev76 > .bbd-v72-mobile-dock,
  .bbd-app.bbd-pro-workspace-v0230-dev79 > .bbd-v72-mobile-dock,
  .bbd-app.bbd-pro-workspace-v0230-dev90 > .bbd-v72-mobile-dock{
    left:50%!important;
    right:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:min(700px,calc(100% - 28px))!important;
    max-width:700px!important;
    height:68px!important;
    min-height:68px!important;
    padding:5px!important;
    gap:3px!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(211,222,219,.92)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.13),0 2px 8px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(18px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
    overflow:hidden!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v72-dock-item,
  .bbd-app.bbd-pro-workspace-v0230-dev79 .bbd-v72-dock-item,
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item{
    min-width:0!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:5px 3px!important;
    gap:3px!important;
    border:0!important;
    outline:0!important;
    border-radius:16px!important;
    background:transparent!important;
    background-image:none!important;
    color:#667085!important;
    box-shadow:none!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v72-dock-item.is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v72-dock-item[aria-current="page"],
  .bbd-app.bbd-pro-workspace-v0230-dev79 .bbd-v72-dock-item.is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev79 .bbd-v72-dock-item[aria-current="page"],
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item.is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item[aria-current="page"]{
    border:0!important;
    background:#0b7a6a!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:0 7px 17px rgba(11,122,106,.20)!important;
  }

  .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
  }
  .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-label{
    font-size:9.5px!important;
    line-height:1.05!important;
    font-weight:750!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
}

/* --------------------------------------------------------------------------
   PHONE: stable six-route dock
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  .bbd-app.bbd-pro-workspace-v0230-dev76 > .bbd-v72-mobile-dock,
  .bbd-app.bbd-pro-workspace-v0230-dev79 > .bbd-v72-mobile-dock,
  .bbd-app.bbd-pro-workspace-v0230-dev90 > .bbd-v72-mobile-dock{
    left:8px!important;
    right:8px!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    height:70px!important;
    min-height:70px!important;
    padding:5px!important;
    gap:2px!important;
    border:1px solid rgba(211,222,219,.92)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.13),0 2px 8px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(18px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  }
  .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-item{
    min-width:0!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:5px 2px!important;
    gap:3px!important;
    border:0!important;
    outline:0!important;
    border-radius:17px!important;
    background:transparent!important;
    background-image:none!important;
    color:#667085!important;
    box-shadow:none!important;
  }
  .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-item.is-active,
  .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-item[aria-current="page"]{
    border:0!important;
    background:#0b7a6a!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:0 7px 17px rgba(11,122,106,.20)!important;
  }
}

/* --------------------------------------------------------------------------
   PRODUCT OPTIONS: compact by default, expands only while options are open.
   This preserves canvas visibility without crushing the actual choices.
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  .bbd-app.bbd-release-0232[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-release-0232[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(62dvh,570px)!important;
    max-height:min(62dvh,570px)!important;
    min-height:min(410px,62dvh)!important;
  }

  .bbd-app.bbd-release-0232.bbd-v75-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-release-0232.bbd-v75-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(78dvh,710px)!important;
    max-height:min(78dvh,710px)!important;
    min-height:min(520px,78dvh)!important;
  }

  /* While editing options, remove duplicated summary actions. The sheet X is
     the clear way back, leaving the height to the actual choices. */
  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] #bbd-panel .bbd-commerce-summary__actions,
  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] #bbd-panel .bbd-commerce-summary__hint{
    display:none!important;
  }

  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] #bbd-panel .bbd-commerce-summary{
    min-height:0!important;
    margin-bottom:8px!important;
  }

  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] #bbd-panel .bbd-v53-options,
  .bbd-app[data-bbd-v92-panel="product"] #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:330px!important;
    max-height:none!important;
    height:auto!important;
    margin-top:8px!important;
    overflow:visible!important;
  }

  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] #bbd-panel .bbd-v53-options__body,
  .bbd-app[data-bbd-v92-panel="product"] #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options__body{
    display:grid!important;
    min-height:280px!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding-bottom:18px!important;
  }

  /* The panel section remains the one scroll owner (dev85 contract). */
  .bbd-app.bbd-v75-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:22px!important;
  }
}

@media (max-width:390px) and (max-height:760px){
  .bbd-app.bbd-release-0232.bbd-v75-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-release-0232.bbd-v75-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(80dvh,620px)!important;
    max-height:min(80dvh,620px)!important;
    min-height:min(490px,80dvh)!important;
  }
}