/* Baskibu Designer 0.23.8
 * Mobile Product options scroll + live size preview.
 * The option body owns its own vertical scroll area and the legacy product
 * action row no longer covers lower choices while option editing is active.
 */

@media (max-width:760px){
  /* Keep the product sheet stable. The actual option list below becomes the
     vertical scroll owner, so Set içeriği / following groups are always reachable. */
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-release-0238.bbd-0238-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:0!important;
    overflow:hidden!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open[data-bbd-v92-panel="product"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    padding-bottom:12px!important;
  }

  /* These are the old Product panel actions visible at the bottom of the user's
     screenshot. While choices are open they duplicate other actions and physically
     cover the last option rows, so they leave the layout until the drawer closes. */
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-product-flow-actions,
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-product-preflight,
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-commerce-summary__actions,
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-commerce-summary__hint{
    display:none!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-commerce-summary{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    margin-bottom:0!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel [data-bbd-v53-options],
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel [data-bbd-v53-options][hidden]{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:8px!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-v53-options__head{
    flex:0 0 auto!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel [data-bbd-v53-options-body],
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel [data-bbd-v53-options-body].bbd-v81-options-host{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overflow-anchor:none!important;
    contain:none!important;
    padding:2px 2px 30px!important;
  }

  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-v81-options-shell,
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-v81-group,
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-v81-group__grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    contain:none!important;
  }

  /* A little breathing room after the final group means its selected outline is
     not hidden behind the sheet/dock edge. */
  .bbd-app.bbd-release-0238.bbd-0238-product-options-open #bbd-panel .bbd-v81-group:last-child{
    padding-bottom:18px!important;
  }
}

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