/* Baskibu Designer 0.23.0-dev51 — App Library + Inline Product Options */

/* --------------------------------------------------------------------------
   Stable app shell: panel switching must feel instant, not like page reload.
   -------------------------------------------------------------------------- */
.bbd-pro-workspace-v0230-dev51 .bbd-panel {
  overflow-x:hidden !important;
  transition:none !important;
  overscroll-behavior:contain;
}
.bbd-pro-workspace-v0230-dev51 .bbd-panel-section {
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.bbd-pro-workspace-v0230-dev51.bbd-v51-panel-switch .bbd-panel,
.bbd-pro-workspace-v0230-dev51.bbd-v51-panel-switch .bbd-panel-section:not([hidden]) {
  animation:none !important;
  transition:none !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-tool,
.bbd-pro-workspace-v0230-dev51 .bbd-sidebar { contain:layout style; }

/* --------------------------------------------------------------------------
   Typography: vertical library, no sideways crawl. Compact Printful-like grid.
   -------------------------------------------------------------------------- */
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel * { box-sizing:border-box; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-v51-fluid-control,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel textarea,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel input:not([type="checkbox"]):not([type="radio"]),
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel select,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-search-field,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type-composer,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-studio {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel textarea { resize:vertical !important; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-cats {
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  overflow:visible !important;
  gap:5px !important;
  padding-bottom:8px !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-cats button {
  min-height:26px !important;
  padding:0 8px !important;
  font-size:8.5px !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-grid {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  overflow:visible !important;
  padding:0 0 12px !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-card {
  width:100% !important;
  min-width:0 !important;
  min-height:102px !important;
  grid-template-rows:76px 26px !important;
  border-radius:11px !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art {
  min-width:0 !important;
  padding:7px 4px !important;
  overflow:hidden !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art b,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art strong { font-size:12px !important; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art i { font-size:15px !important; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art em { font-size:7px !important; padding:2px 3px !important; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art small,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-art span { font-size:5.8px !important; }
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-meta {
  min-width:0 !important; min-height:26px !important; padding:4px 6px !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-meta strong {
  font-size:8px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-v47-style-strip,
.bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-v47-copy-categories { max-width:100% !important; }

/* --------------------------------------------------------------------------
   Visual library: curated SVG assets inside Görseller.
   -------------------------------------------------------------------------- */
.bbd-v51-assets {
  margin:14px 0 4px;
  padding:13px 0 0;
  border-top:1px solid #e8edf2;
}
.bbd-v51-assets__head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px;
}
.bbd-v51-assets__head strong { display:block; color:#101828; font-size:14px; font-weight:850; letter-spacing:-.025em; }
.bbd-v51-assets__head small { display:block; margin-top:3px; color:#7f8a9d; font-size:9px; line-height:1.3; }
.bbd-v51-assets__head > span { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:8px; font-weight:800; }
.bbd-v51-assets__cats { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
.bbd-v51-assets__cats button {
  min-height:28px; padding:0 9px; border:1px solid #e0e6ed; border-radius:999px; background:#fff; color:#667085; font-size:8.5px; font-weight:780; cursor:pointer;
}
.bbd-v51-assets__cats button[aria-pressed="true"] { border-color:#ffb293; background:#fff3ee; color:#d9450c; }
.bbd-v51-assets__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-bottom:16px; }
.bbd-v51-asset-card {
  min-width:0; height:106px; display:grid; grid-template-rows:78px 28px; overflow:hidden; padding:0; border:1px solid #e1e6ed; border-radius:12px; background:#fff; color:#344054; cursor:pointer; box-shadow:0 2px 7px rgba(15,23,42,.035); transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.bbd-v51-asset-card:hover,.bbd-v51-asset-card:focus-visible { transform:translateY(-2px); border-color:#ffad8c; box-shadow:0 10px 22px rgba(15,23,42,.09); outline:none; }
.bbd-v51-asset-card.is-loading { opacity:.55; pointer-events:none; }
.bbd-v51-asset-card__art { display:grid; place-items:center; padding:8px; background:#fafbfc; overflow:hidden; }
.bbd-v51-asset-card__art svg { display:block; width:100%; height:100%; max-width:78px; max-height:64px; }
.bbd-v51-asset-card > span:last-child { display:flex; align-items:center; justify-content:center; min-width:0; padding:0 4px; border-top:1px solid #eef1f4; font-size:8px; font-weight:780; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* --------------------------------------------------------------------------
   Product options stay inside the designer. No exit-to-product-page detour.
   -------------------------------------------------------------------------- */
.bbd-v51-inline-config {
  margin:10px 0 2px; padding:10px; border:1px solid #dfe6ed; border-radius:13px; background:#f8fafc;
}
.bbd-v51-inline-config[hidden] { display:none !important; }
.bbd-v51-inline-config__head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.bbd-v51-inline-config__head strong { display:block; color:#101828; font-size:11px; font-weight:850; }
.bbd-v51-inline-config__head small { display:block; margin-top:2px; color:#7f8a9d; font-size:8px; }
.bbd-v51-inline-config__head button { width:28px; height:28px; border:0; border-radius:9px; background:#fff; color:#667085; font-size:18px; cursor:pointer; }
.bbd-v51-config-group + .bbd-v51-config-group { margin-top:10px; padding-top:9px; border-top:1px solid #e8edf2; }
.bbd-v51-config-group > strong { display:block; margin-bottom:6px; color:#475467; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; }
.bbd-v51-config-group > div { display:flex; flex-wrap:wrap; gap:6px; }
.bbd-v51-config-group button {
  min-height:32px; padding:0 9px; border:1px solid #dce3ea; border-radius:9px; background:#fff; color:#344054; font-size:9px; font-weight:760; cursor:pointer;
}
.bbd-v51-config-group button.is-selected { border-color:#63c7b7; background:#ecfdf7; color:#047857; box-shadow:inset 0 0 0 1px rgba(16,185,129,.08); }
.bbd-v51-config-group button:disabled { opacity:.42; cursor:not-allowed; }
.bbd-v51-config-empty { padding:10px; border-radius:9px; background:#fff; color:#667085; font-size:9px; line-height:1.4; }

/* --------------------------------------------------------------------------
   Template gallery: tidy, vertical, product-first. No sideways card drift.
   -------------------------------------------------------------------------- */
.bbd-v51-template-panel { overflow-x:hidden !important; }
.bbd-v51-template-panel .bbd-template-pro-filters { flex-wrap:wrap !important; overflow:visible !important; }
.bbd-v51-template-panel .bbd-v51-template-grid,
.bbd-v51-template-panel #bbd-template-grid {
  width:100% !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; overflow:visible !important;
}
.bbd-v51-template-panel .bbd-v51-template-card { min-width:0 !important; width:100% !important; margin:0 !important; }
.bbd-v51-template-panel .bbd-template-card__preview { aspect-ratio:3/4.45 !important; min-height:0 !important; }

@media (max-width:1180px) {
  .bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-grid,
  .bbd-v51-assets__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:760px) {
  .bbd-pro-workspace-v0230-dev51 .bbd-v51-type-panel .bbd-type48-grid,
  .bbd-v51-assets__grid,
  .bbd-v51-template-panel .bbd-v51-template-grid,
  .bbd-v51-template-panel #bbd-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (prefers-reduced-motion:reduce) {
  .bbd-v51-asset-card { transition:none !important; }
}