.mcs-cc-wrapper{ display:flex; gap:24px; flex-wrap:wrap; }
.mcs-cc-left{ flex:1 1 380px; min-width:320px; }
.mcs-cc-right{ flex:1 1 420px; min-width:320px; }

.mcs-cc-stage{
	position:relative;
	width:100%;
	padding-top:100%; /* 1:1 */
	background:#f7f7f7;
	border:1px solid #e5e5e5;
	overflow:hidden;
	user-select:none;
	touch-action:none; /* ayuda al drag en móviles */
}

.mcs-cc-layer-image{
	position:absolute; top:50%; left:50%;
	max-width:none; width:100%; height:100%; object-fit:contain;
	transform: translate(-50%, -50%) translate(0px,0px) scale(1);
	transform-origin:center center;
	cursor: grab;
}
.mcs-cc-layer-image:active{ cursor: grabbing; }
.mcs-cc-layer-image[hidden]{ display:none !important; }

/* orden de capas */
.mcs-cc-base{ z-index: 1; }
.mcs-cc-manija{ z-index: 2; }
.mcs-cc-bolsillo{ z-index: 3; }

/* capa activa resaltada (borde interno sutil) */
.mcs-cc-layer-image.mcs-cc-active-layer{
	box-shadow: 0 0 0 2px rgba(26,48,102,.25) inset;
}

/* Controles superpuestos */
.mcs-cc-controls{
	position:absolute; left:8px; bottom:8px;
	background:rgba(0,0,0,.65); color:#fff; padding:8px 10px;
	border-radius:6px; display:flex; gap:14px; align-items:center; flex-wrap:wrap;
	z-index:5;
}
.mcs-cc-controls .mcs-cc-btn{
	background:#fff; color:#1a3066; border:0; padding:6px 8px; border-radius:6px; cursor:pointer;
}
.mcs-cc-active b{ color:#fff; }

.mcs-cc-summary{ margin-top:12px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.mcs-cc-total{ font-size:16px; }
.mcs-cc-actions .mcs-cc-action{ margin-right:8px; background:#1a3066; color:#fff; border:0; padding:8px 12px; border-radius:6px; cursor:pointer; }
.mcs-cc-feedback{ min-height:20px; color:#1a3066; }

.mcs-cc-group{ margin-bottom:22px; }
.mcs-cc-group-title{ font-weight:700; margin-bottom:8px; text-transform:uppercase; }

.mcs-cc-grid{
	display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px;
}
@media (max-width:680px){
	.mcs-cc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
.mcs-cc-item{
	border:1px solid #e5e5e5; padding:8px; cursor:pointer; transition:.2s; background:#fff;
}
.mcs-cc-item.disabled{ opacity:.35; pointer-events:none; }
.mcs-cc-item.selected{ border-color:#1a3066; box-shadow:0 0 0 2px rgba(26,48,102,.15) inset; }
.mcs-cc-thumb{ aspect-ratio:1/1; overflow:hidden; background:#fafafa; display:flex; align-items:center; justify-content:center; }
.mcs-cc-thumb img{ width:100%; height:100%; object-fit:contain; }
.mcs-cc-title{ font-size:12px; margin-top:6px; text-transform:uppercase; }
.mcs-cc-price{ font-size:12px; color:#555; }
.mcs-cc-empty{ font-size:12px; color:#777; }
.mcs-cc-bolsillo-toggle{ display:flex; gap:12px; margin-bottom:10px; }