/* BORONDO V10.7 · collection frames + adjustable presentation */

/* The catalog-only product cover must always be fully visible. */
.v8-product-summary>.v106-cover-target{object-fit:contain!important;object-position:center!important;padding:3px!important;box-sizing:border-box!important}
.v106-cover-sheet .preview{display:grid!important;place-items:center!important;overflow:hidden!important}
.v106-cover-sheet .preview img,.v106-cover-sheet .preview img.v107-cover-complete{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

/* Variant Preview = circular control. Associated Image remains rectangular. */
.v104-variant-row>.v104-image-field.v107-preview-circle button{width:100%!important;aspect-ratio:1/1!important;height:auto!important;border-radius:50%!important;padding:4px!important;overflow:hidden!important;background:#f7f5f1!important}
.v104-variant-row>.v104-image-field.v107-preview-circle .v104-full-preview{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.v104-variant-row>.v104-image-field.v107-preview-circle img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important}
.v104-variant-row>.v104-image-field.v107-preview-circle .v104-full-preview.color{border-radius:50%!important}

/* One stable frame ratio per collection. Source images are never destructively cropped. */
.v104-main-image.v107-main-frame,
.v104-main-image.v106-full-main.v107-main-frame{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--v107-ratio,1 / 1)!important;overflow:hidden!important;padding:10px!important;background:#f3f1ec!important;display:grid!important;place-items:center!important;border-radius:11px!important}
.v104-main-image.v107-main-frame>img,
.v104-main-image.v106-full-main.v107-main-frame>img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:translate(var(--v107-x,0%),var(--v107-y,0%)) scale(var(--v107-scale,1))!important;transform-origin:center!important;will-change:transform}

/* Add framing action to the existing simple image menu. */
.borondo-v104-image-menu [data-v107-adjust]{background:#25231f!important;color:#fff!important;border-color:#25231f!important}

.v107-adjust-sheet{position:fixed;inset:0;z-index:980;display:flex;align-items:flex-end;justify-content:center}
.v107-adjust-sheet>.bg{position:absolute;inset:0;border:0;background:#0007}
.v107-adjust-sheet>section{position:relative;width:min(520px,100%);max-height:min(88dvh,760px);overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 70px #0003}
.v107-adjust-sheet .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.v107-adjust-sheet .head>div{min-width:0}.v107-adjust-sheet .head span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:#365f4d;margin-bottom:4px}.v107-adjust-sheet .head h3{font-size:22px;line-height:1.05;margin:0}.v107-adjust-sheet .head p{font-size:10px;line-height:1.35;color:#756f66;margin:6px 0 0}
.v107-adjust-sheet .x{flex:0 0 40px;width:40px;height:40px;border:1px solid #d8d2c8;border-radius:10px;background:#fff;font-size:20px}
.v107-adjust-sheet .frame{width:100%;aspect-ratio:var(--v107-ratio,1 / 1);background:#f2f0eb;border:1px solid #dcd6cc;border-radius:12px;overflow:hidden;display:grid;place-items:center;padding:10px;box-sizing:border-box;touch-action:none;cursor:grab}
.v107-adjust-sheet .frame:active{cursor:grabbing}.v107-adjust-sheet .frame img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.v107-adjust-sheet .zoom{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;margin:14px 2px 4px}.v107-adjust-sheet .zoom span{font-size:10px;font-weight:700;color:#625d55}.v107-adjust-sheet .zoom input{width:100%;accent-color:#25231f}
.v107-adjust-sheet .actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px;margin-top:12px}.v107-adjust-sheet .actions button{min-height:44px;border:1px solid #d5cfc5;border-radius:9px;background:#fff;font-size:10px;font-weight:700}.v107-adjust-sheet .actions .save{background:#25231f;color:#fff;border-color:#25231f}

@media(max-width:800px){
 .v104-main-image.v107-main-frame,.v104-main-image.v106-full-main.v107-main-frame{width:100%!important;height:auto!important;aspect-ratio:var(--v107-ratio,1 / 1)!important;padding:8px!important}
 .v104-main-image.v107-main-frame>img,.v104-main-image.v106-full-main.v107-main-frame>img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
 .v104-variant-row>.v104-image-field.v107-preview-circle button{padding:3px!important}
 .v107-adjust-sheet>section{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
 .v107-adjust-sheet .frame{padding:8px}
}