/* BORONDO V8.8 — Shopify-like product overview. Replaces legacy variant rows in Vista. */
.v8-panel[data-borondo-v88-overview="true"] > .borondo-ve-overview-size{display:none!important}
.v8-panel[data-borondo-v88-overview="true"] .borondo-v88-layout{min-width:0!important;align-items:start!important}
.v8-panel[data-borondo-v88-overview="true"] .borondo-v88-layout>*{min-width:0!important;max-width:100%!important}
.borondo-v88-right{width:100%;min-width:0}
.borondo-v88-selector{width:100%;min-width:0;display:grid;gap:10px}
.borondo-v88-option-block{width:100%;min-width:0;border:1px solid #ddd8ce;border-radius:11px;background:#faf9f6;padding:11px}
.borondo-v88-option-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;min-width:0}
.borondo-v88-option-title span{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#315847;font-weight:850;white-space:nowrap}
.borondo-v88-option-title b{font-size:9px;color:#645e55;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.borondo-v88-size-pills{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.borondo-v88-size-pills button{appearance:none;border:1px solid #cbc6bc;background:#fff;border-radius:999px;min-width:48px;min-height:34px;padding:7px 13px;font:750 10px/1 Arial,sans-serif;color:#292621;cursor:pointer}
.borondo-v88-size-pills button.is-active{background:#292621;border-color:#292621;color:#fff}
.borondo-v88-fabrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
.borondo-v88-fabrics button{appearance:none;width:100%;min-width:0;min-height:48px;border:1px solid #d8d3ca;background:#fff;border-radius:9px;padding:6px 8px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;text-align:left;color:#292621;cursor:pointer}
.borondo-v88-fabrics button:hover{border-color:#aaa398}
.borondo-v88-fabrics button.is-active{border-color:#315847;box-shadow:0 0 0 1px #315847;background:#f7faf7}
.borondo-v88-fabrics button>span:last-child{display:block;min-width:0;font:750 9px/1.15 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.borondo-v88-swatch{width:30px;height:30px;min-width:30px;border-radius:50%;border:1px solid #d4cfc5;background:var(--v88-color,#efede7);overflow:hidden;display:grid;place-items:center;color:#857f75;font-size:8px}
.borondo-v88-swatch img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;padding:0!important;background:transparent!important}
.borondo-v88-swatch.empty{background:#f0eee8}
.borondo-v88-empty{grid-column:1/-1;padding:12px;border:1px dashed #d7d2c8;border-radius:8px;color:#7d766d;font-size:8px;text-align:center}
.borondo-v88-left>img[data-kind="product"]{display:block!important;max-width:100%!important;object-fit:contain!important}

/* Vista must never show the legacy large variant cards once V8.8 owns the right column. */
.v8-panel[data-borondo-v88-overview="true"] .borondo-v88-right>.v8-variant{display:none!important}

@media(max-width:760px){
  .v8-panel[data-borondo-v88-overview="true"] .borondo-v88-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
  .v8-panel[data-borondo-v88-overview="true"] .borondo-v88-left,.v8-panel[data-borondo-v88-overview="true"] .borondo-v88-right{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
  .borondo-v88-left>img[data-kind="product"]{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;border-radius:10px!important}
  .borondo-v88-left>.v8-media-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important;overflow:visible!important}
  .borondo-v88-left>.v8-media-grid .v8-media-tile{width:100%!important;min-width:0!important;aspect-ratio:1/1!important;height:auto!important}
  .borondo-v88-left>.v8-media-grid .v8-media-tile img{width:100%!important;height:100%!important;object-fit:contain!important}
  .borondo-v88-selector{gap:8px!important;margin-top:2px!important}
  .borondo-v88-option-block{padding:10px!important;border-radius:10px!important;overflow:hidden!important}
  .borondo-v88-option-title{margin-bottom:7px!important}
  .borondo-v88-size-pills{flex-wrap:nowrap!important;overflow-x:auto!important;padding:1px 1px 3px!important;scrollbar-width:none}
  .borondo-v88-size-pills::-webkit-scrollbar{display:none}
  .borondo-v88-size-pills button{flex:0 0 auto!important;min-height:36px!important}
  .borondo-v88-fabrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .borondo-v88-fabrics button{min-height:48px!important;padding:6px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;overflow:hidden!important}
  .borondo-v88-fabrics button>span:last-child{font-size:8.5px!important}

  /* The global history controls live in normal document flow on mobile, never over product content. */
  .v8-historybar{position:sticky!important;left:auto!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:fit-content!important;max-width:calc(100% - 16px)!important;margin:18px auto 8px!important;z-index:35!important}
  .v8-historybar button:disabled{display:none!important}
  .v8-historybar .changes{min-height:36px!important}
  .v8-shell{padding-bottom:18px!important}
  .borondo-ve-local-history{position:static!important;bottom:auto!important;margin:10px 0 0!important;width:100%!important;box-sizing:border-box!important}
}

@media(max-width:390px){
  .borondo-v88-fabrics{grid-template-columns:minmax(0,1fr)!important}
  .borondo-v88-fabrics button{min-height:46px!important}
  .borondo-v88-left>.v8-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
}