/* Baskibu Designer 0.23.0-dev75
 * Mobile product-option focus mode + authoritative Product Engine price state.
 */

.bbd-pro-workspace-v0230-dev75{
  --bbd-v75-green:#0b7a6a;
  --bbd-v75-green-dark:#08695c;
  --bbd-v75-green-soft:#eaf7f3;
  --bbd-v75-line:#dce7e3;
  --bbd-v75-ink:#101828;
}

/* Never flash a stale number while Product Engine is resolving the new choice. */
.bbd-pro-workspace-v0230-dev75 .bbd-commerce-summary.bbd-v75-price-pending .bbd-commerce-summary__price{
  position:relative!important;
}
.bbd-pro-workspace-v0230-dev75 .bbd-commerce-summary.bbd-v75-price-pending [data-bbd-commerce-price]{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  min-width:116px!important;
  user-select:none!important;
}
.bbd-pro-workspace-v0230-dev75 .bbd-commerce-summary.bbd-v75-price-pending .bbd-commerce-summary__price::after{
  content:'Hesaplanıyor…';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:var(--bbd-v75-green-dark);
  font-size:12px;
  font-weight:850;
  letter-spacing:-.01em;
  white-space:nowrap;
}

/* Product options should be a real decision surface, not a tiny viewport. */
@media (max-width:760px){
  .bbd-app.bbd-pro-workspace-v0230-dev75 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev75 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(70dvh,610px)!important;
    min-height:470px!important;
    max-height:min(70dvh,610px)!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel [data-panel-content="product"]{
    padding:9px 10px 12px!important;
  }

  /* When editing product choices, compress repeated summary chrome and give
     the actual choices most of the sheet. */
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px 10px!important;
    padding:10px!important;
    border-radius:14px!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__head,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__head{
    grid-column:1!important;
    min-width:0!important;
    gap:8px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__icon,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__icon{
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__head strong,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__head strong{
    font-size:12px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__head span,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__head span{
    font-size:8.8px!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__chips,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__chips{
    grid-column:1!important;
    gap:4px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__chips span,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__chips span{
    padding:4px 7px!important;
    font-size:8px!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__price,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__price{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:126px!important;
    align-self:center!important;
    padding:0 0 0 10px!important;
    border:0!important;
    border-left:1px solid #e8eeec!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__price > strong,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__price > strong{
    font-size:16px!important;
  }

  /* The preview action duplicates the canvas while options are open. Remove it
     temporarily and keep only a compact close-options action. */
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__actions,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__actions{
    grid-column:1 / -1!important;
    display:block!important;
    margin:0!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__actions .is-primary,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__actions .is-primary{
    display:none!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__actions .is-secondary,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__actions .is-secondary{
    min-height:34px!important;
    width:100%!important;
    padding:6px 10px!important;
    border-color:#d9e4e1!important;
    background:#f8fbfa!important;
    color:#344054!important;
    font-size:9.5px!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-commerce-summary__hint,
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-commerce-summary__hint{
    display:none!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options,
  .bbd-app.bbd-pro-workspace-v0230-dev75.bbd-v75-product-options-open #bbd-panel .bbd-v53-options{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:245px!important;
    max-height:min(39dvh,340px)!important;
    margin:1px 0 0!important;
    padding:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    border-color:var(--bbd-v75-line)!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options__head{
    position:sticky!important;
    top:-10px!important;
    z-index:3!important;
    align-items:center!important;
    margin:0 -2px 8px!important;
    padding:8px 2px 9px!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(7px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options__head strong{
    font-size:10.5px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options__head small{
    margin-top:2px!important;
    font-size:8.2px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options__body{
    display:grid!important;
    gap:13px!important;
    padding-bottom:3px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group{
    padding-top:0!important;
    border-top:0!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group + .bbd-v53-option-group.bbd-v74-option-group{
    padding-top:11px!important;
    border-top:1px solid #e8eeec!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group > strong{
    margin-bottom:8px!important;
    color:#475467!important;
    font-size:9px!important;
    letter-spacing:.055em!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group > div{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group button{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:auto!important;
    padding:7px 5px!important;
    border-radius:10px!important;
    font-size:9.2px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group[data-bbd-v74-group="set_type"] > div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:390px){
  .bbd-app.bbd-pro-workspace-v0230-dev75 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev75 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(72dvh,580px)!important;
    min-height:455px!important;
    max-height:min(72dvh,580px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-options{
    min-height:235px!important;
    max-height:min(41dvh,325px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev75 #bbd-panel .bbd-v53-option-group.bbd-v74-option-group > div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}